HTML <option> 标签
示例
一个包含四个选项的下拉列表
<label for="cars">选择一辆车：</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
<option> 标签定义了选择列表中的一个选项。
<option> 元素位于 <select>、<optgroup> 或 <datalist> 元素内。
注意：<option> 标签可以不带任何属性使用，但您通常需要 value 属性，该属性指示在表单提交时发送到服务器的内容。
提示：如果选项列表很长，您可以使用 <optgroup> 标签将相关选项分组。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <option> | 是 | 是 | 是 | 是 | 是 |
属性
| Attribute | 值 | 描述 |
|---|---|---|
| disabled | disabled | 指定选项应禁用 |
| 标签 | text | 指定选项的较短标签 |
| selected | selected | 指定页面加载时应预先选择一个选项 |
| value | text | 指定要发送到服务器的值 |
全局属性
<option> 标签还支持 HTML 中的全局属性。
事件属性
<option> 标签还支持 HTML 中的事件属性。
更多示例
示例
在 <datalist> 元素中使用 <option>
<label for="browser">从列表中选择您的浏览器：</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
自己动手试一试 »
示例
在 <optgroup> 元素中使用 <option>
<label for="cars">选择一辆车：</label>
<select 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 参考：Option 对象
默认 CSS 设置
无。
