bigberg

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

 如下:

 

分类:

技术点:

相关文章:

  • 2018-04-03
  • 2021-11-07
  • 2021-10-29
  • 2021-10-17
  • 2021-11-27
  • 2021-09-22
  • 2021-12-18
猜你喜欢
  • 2021-11-10
  • 2022-02-12
  • 2022-03-05
  • 2021-10-19
  • 2022-01-04
  • 2021-05-16
  • 2021-11-09
相关资源
相似解决方案