select标签和多行文本标签-CSDN博客

一、多行文本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 : 名称，这个不可选
'''

如下：