HTML <option> 标签
主题：HTML5 标签参考上一页|下一页
说明
<option> 元素表示由 <select> 元素定义的下拉列表中的选项。 下拉列表必须至少包含一个 <option> 元素。
下表总结了此标签的使用上下文和版本历史。
| Parent: | <select>, <optgroup> |
|---|---|
| Placement: | Inline |
| Content: | Text |
| 开始/结束标签： | 开始标签： required, 结束标签：optional |
| 版本： | HTML 2, 3.2. 4, 4.01, 5 |
语法
<option> 标签的基本语法如下：
HTML / XHTML: <option value="option-value"> ... </option>
注意： 在 HTML 中，<option> 标签的结束标记不是强制性的。 在 XHTML 中，<option> 标签必须正确关闭，即开始标签和结束标签都是必需的。
下面的示例显示了 <option> 标签的作用。
<select>
<option value="ferrari">Ferrari</option>
<option value="mercedes">Mercedes</option>
<option value="porsche">Porsche</option>
</select>提示：您可以使用 <optgroup> 标签在下拉列表中对相关选项进行分组。 它将使用户更容易访问您的表单，尤其是当用户必须从一长串选项中进行选择时。
标签特定属性
下表显示特定于 <option> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
label |
text | 指定选项的短标签。 |
disabled |
disabled |
此布尔属性表示封闭的选项已禁用，即该选项不可选择。 |
selected |
selected |
此布尔属性表示该选项最初被选中。 |
value |
option-value | 定义选项的值。 如果未定义，则 <option> 元素的值是该元素的文本内容。 |
全局属性
与所有其他 HTML 标签一样， <option> 标签支持 HTML5 中的全局属性。
事件属性
<option> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <option> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 表单.
其他与表单相关的标签： <form>, <fieldset>, <legend>, <label>, <input>, <textarea>, <select>, <optgroup>, <button>.
Advertisements