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

     如下:

  • 相关阅读:
    ExtJs系列教程
    linux 服务器时间 timedatectl命令时间时区操作详解
    aws CloudWatch Events
    AWS Shield
    aws ssm指令
    failed to set bridge addr: "cni0" already has an IP address different from 10.244.0.1/24
    AWS Systems Manager
    Amazon Inspector
    AWS 安全培训
    Amazon Inspector
  • 原文地址:https://www.cnblogs.com/bigberg/p/8426317.html
Copyright © 2011-2022 走看看