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>
亲自尝试 »
下面有更多“自己尝试”的示例。
定义和用法
这 <option> 标签定义选择列表中的选项。
<option> 元素进入<select>, <optgroup>， 或者 <datalist> 元素。
笔记： 这<option> 标签可以在没有任何属性的情况下使用，但通常需要价值 属性，指示在提交表单时向服务器发送什么内容。
提示： 如果你有一长串的选项，你可以将相关选项分组到<optgroup> 标签。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <option> | 是的 | 是的 | 是的 | 是的 | 是的 |
属性
| 属性 | 价值 | 描述 |
|---|---|---|
| 已禁用 | 已禁用 | 指定应禁用的选项 |
| 标签 | 文本 | 规定选项的较短标签 |
| 已选择 | 已选择 | 指定在页面加载时应预先选择一个选项 |
| 价值 | 文本 | 规定要发送到服务器的值 |
全局属性
这 <option> 标签还支持HTML 中的全局属性.
事件属性
这 <option> 标签还支持HTML 中的事件属性.
更多示例
例子
用于<option>在一个<datalist>元素：
<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>
亲自尝试 »
例子
用于<option>在<optgroup>元素：
<label for="cars">选择汽车：</label>
<select id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">梅赛德斯</option>
<option value="audi">奥迪</option>
</optgroup>
</select>
亲自尝试 »
相关页面
HTML DOM 参考： Option 对象
默认 CSS 设置
没有任何。
