<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 | 规定下拉列表中可见选项的数目。 |