HTML <option> 标签
示例
一个包含四个选项的下拉列表
<label for="cars">选择一辆汽车：</label>
<select id="cars">
<option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
<option value="opel">欧宝</option>
<option value="audi">奥迪</option>
</select>
自己尝试 »
更多“自己尝试”示例见下。
定义和用法
The <option> 标签在选择列表中定义一个选项。
<option> 元素位于 <select>、<optgroup> 或 <datalist> 元素内。
注意： <option> 标签可以在没有属性的情况下使用，但通常需要 value 属性，该属性指示在表单提交时发送到服务器的内容。
提示： 如果您有很长的选项列表，可以在 <optgroup> 标签中将相关选项分组。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <option> | 是 | 是 | 是 | 是 | 是 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| disabled | disabled | 指定选项应被禁用 |
| label | 文本 | 为选项指定一个较短的标签 |
| selected | selected | 指定选项在页面加载时应预先选中 |
| value | 文本 | 指定要发送到服务器的值 |
全局属性
The <option> 标签还支持 HTML 中的全局属性.
事件属性
The <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 参考：选项对象
默认 CSS 设置
无。
