HTML—下拉菜单标签

赚钱买小蛋糕

2023-02-05 471 阅读1分钟

HTML—下拉菜单标签

一.标签定义及使用说明

- <select> 元素用来创建下拉列表。
- <select> 元素中的 <option> 标签定义了列表中的可用选项。
- 表单提交时的键值对为<select>的name属性值和选中的<option>标签的value属性值
- option标签上设置selected属性 为默认选中
-使用optgroup标签给选项进行分组 组名通过optgroup标签的label属性设置

口味：
<select name="taste" id="">
    <optgroup label="sweet">
        <option value="cm">草莓</option>
        <option value="mg">芒果</option>
        <option value="qkl">巧克力</option>
        <option value="xg">西瓜</option>
    </optgroup>
</select>

input标签的type属性取值number 只能输入纯数字，数字键盘

电话号码： <input type="number">

二.textarea文本域标签

作用：在网页中提供可输入多行文本的表单控件
常见属性：
- cols:规定了文本域内可见宽度
- rows:规定了文本域内可见行数
默认是可以缩放的，可以通过css取消

文本域的默认值需要在标签体中设置，但是用户输入的值还是保存在textarea标签的value属性

maxlength 设置最大长度

minlength 设置最小长度必需要同事设置required属性

<body>
    <textarea cols="60" rows="30"></textarea>
</body>