HTML <select> 标签
示例
创建一个包含四个选项的下拉列表
<label for="cars">选择一辆车:</label>
<select name="cars" id="cars">
<option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
<option value="mercedes">梅赛德斯</option>
<option value="audi">奥迪</option>
</select>
自己尝试 »
以下还有更多“自己尝试”的示例。
定义和用法
The <select> 元素用于创建下拉列表。
The <select> 元素通常在表单中使用，以收集用户输入。
The name 属性是表单提交后引用表单数据的必要条件（如果您省略 name 属性，将不会提交来自下拉列表的任何数据）。
The id 属性是将下拉列表与标签关联所必需的。
The <option> 标签在 <select> 元素中定义下拉列表中可用的选项。
提示： 为了获得最佳的无障碍性实践，请始终添加 <label> 标签！
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <select> | 是 | 是 | 是 | 是 | 是 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| autofocus | autofocus | 指定下拉列表在页面加载时应自动获得焦点 |
| disabled | disabled | 指定下拉列表应被禁用 |
| form | form_id | 定义下拉列表所属的表单 |
| multiple | multiple | 指定可以同时选择多个选项 |
| name | name | 为下拉列表定义名称 |
| required | required | 指定用户必须在提交表单之前选择一个值 |
| size | 数字 | 定义下拉列表中可见选项的数量 |
全局属性
The <select> 标签还支持 HTML 中的全局属性.
事件属性
The <select> 标签还支持 HTML 中的事件属性.
更多示例
示例
使用 <select> 与 <optgroup> 标签
<label for="cars">选择一辆车:</label>
<select name="cars" id="cars">
<optgroup label="瑞典汽车">
<option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
</optgroup>
<optgroup label="德国汽车">
<option value="mercedes">梅赛德斯</option>
<option value="audi">奥迪</option>
</optgroup>
</select>
自己尝试 »
相关页面
HTML DOM 参考：选择对象
CSS 教程：样式表单
默认 CSS 设置
无。
