zoukankan      html  css  js  c++  java
  • select标签和多行文本标签

    一、多行文本textarea

    <form>
            <div>
                <textarea name="more"></textarea>
            </div>
            <input type="submit" value="提交">
        </form>
    
    '''
     textarea 可以实现多行输入,要使后台能获取输入值,可以使用name属性
    '''

    如下:

      

    二、下拉框select标签

      2.1 select 单选

    <body>
        <form>
            <div>
                <select name="city">
                    <option value="1">北京</option>
                    <option value="2" selected="selected">上海</option>
                    <option value="3">广州</option>
                    <option value="4">杭州</option>
                </select>
            </div>
            <br />
            <input type="submit" value="提交"/>
        </form>
    </body>
    
    '''
      name: 表单提交项的键
      option: 下拉选项中的每一项
                  属性:
                          value: 表单提交项的值
                          selected: 默认选项
          
    ''' 

    如下: 

      2.2 select 多选

    <body>
        <form>
            <div>
                <select name="city" size="5" multiple="multiple">
                    <option value="1">北京</option>
                    <option value="2" selected="selected">上海</option>
                    <option value="3">广州</option>
                    <option value="4">杭州</option>
                </select>
            </div>
            <br />
            <input type="submit" value="提交"/>
        </form>
    </body>
    
    '''
       size: 下拉框的宽度
       multiple="multiple":可以多选
    '''

     如下:

      2.3 设置分组选项

    <body>
        <form>
            <div>
                <select name="city">
                    <optgroup label="江苏">
                        <option value="1">苏州</option>
                        <option value="2">扬州</option>
                        <option value="3">常州</option>
                    </optgroup>
                    <optgroup label="浙江">
                        <option value="4">杭州</option>
                        <option value="5">金华</option>
                        <option value="6">丽水</option>
                    </optgroup>
                </select>
            </div>
            <br />
            <input type="submit" value="提交"/>
        </form>
    </body>
    
    '''
     label : 名称,这个不可选
    '''

     如下:

  • 相关阅读:
    VMware虚拟机找不到USB设备该怎么办?
    关于Ubuntu锁屏后,无法输入密码
    设计模式-第一篇之单例模式
    Java-多线程第一篇多线程相关认识(1)
    Quartz-第二篇 使用quartz框架定时推送邮件
    Quartz-第一篇 认识Quartz
    Web Service-第一篇什么是Web Service
    Linux-第二篇常用命令
    Linux-第一篇linux基本认识
    Oracle-常见的错误
  • 原文地址:https://www.cnblogs.com/bigberg/p/8426317.html
Copyright © 2011-2022 走看看