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 : 名称,这个不可选
    '''

     如下:

  • 相关阅读:
    error occurred during initialization of vm
    Service Discovery protocol(SDP)
    nRF51822EK_PRO
    Binder
    android samsung note3  device not found
    BLE pairing vs. bonding
    remote link Centos6.6 Horrible Slow
    depmod -a
    start and end call use itelephony and how to pick up a call
    WebService
  • 原文地址:https://www.cnblogs.com/bigberg/p/8426317.html
Copyright © 2011-2022 走看看