HTML <select> 标签
示例
创建一个包含四个选项的下拉列表
<label for="cars">选择一辆车：</label>
<select name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">奔驰</option>
<option value="audi">Audi</option>
</select>
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
<select> 元素用于创建下拉列表。
<select> 元素最常用于表单中，用于收集用户输入。
提交表单后，需要 name 属性来引用表单数据（如果省略 name 属性，则不会提交下拉列表中的任何数据）。
需要 id 属性来将下拉列表与标签关联起来。
<select> 元素内部的 <option> 标签定义了下拉列表中的可用选项。
提示：为最佳可访问性实践，请务必添加 <label> 标签！
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <select> | 是 | 是 | 是 | 是 | 是 |
属性
| Attribute | 值 | 描述 |
|---|---|---|
| autofocus | autofocus | 指定页面加载时下拉列表应自动获得焦点 |
| disabled | disabled | 指定下拉列表应被禁用 |
| form | form_id | 定义下拉列表所属的表单 |
| multiple | multiple | 指定可以一次选择多个选项 |
| name | name | 为下拉列表定义名称 |
| required | required | 指定用户在提交表单前必须选择一个值 |
| 大小 | 数字 | 定义下拉列表中可见选项的数量 |
全局属性
<select> 标签还支持 HTML 中的全局属性。
事件属性
<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 参考：Select 对象
CSS 教程： 表单样式
默认 CSS 设置
无。
