<select> 标签用于创建下拉列表框,用户可以从中选择一个或多个选项。
语法
<select name="选择器名称" id="选择器ID" multiple> <option value="选项值1">选项1</option> <option value="选项值2">选项2</option> <option value="选项值3">选项3</option> </select>
name:指定<select>元素的名称,用于提交表单数据。id:指定<select>元素的唯一标识符。multiple:可选属性,指定是否允许多选。
属性
disabled:禁用<select>元素,用户无法选择。form:指定<select>元素所属的表单。size:指定可见的选项数目,用于创建多行的下拉列表框。
示例
<select name="cars" id="carList" multiple> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
以上是 <select> 标签的基本用法和属性,通过合理的使用可以实现丰富多样的下拉列表效果。
| 属性 | 值 | 描述 |
|---|---|---|
| autofocus | autofocus | 规定在页面加载时下拉列表自动获得焦点。 |
| disabled | disabled | 当该属性为 true 时,会禁用下拉列表。 |
| form | form_id | 定义 select 字段所属的一个或多个表单。 |
| multiple | multiple | 当该属性为 true 时,可选择多个选项。 |
| name | text | 定义下拉列表的名称。 |
| required | required | 规定用户在提交表单前必须选择一个下拉列表中的选项。 |
| size | number | 规定下拉列表中可见选项的数目。 |