<option>:HTML Option 元素
<option> HTML 元素用于定义包含在 <select>、<optgroup> 或 <datalist> 元素中的项目。因此,<option> 可以表示 HTML 文档中弹出窗口和其他项目列表中的菜单项。
试一试
属性
此元素包括全局属性。
disabled-
如果设置此布尔属性,则此选项不可选中。通常,浏览器会将此类控件显示为灰色,并且它不会接收任何浏览事件,例如鼠标单击或与焦点相关的事件。如果未设置此属性,则如果其祖先之一是禁用的
<optgroup>元素,则该元素仍可能被禁用。 label-
此属性是指示选项含义的标签的文本。如果未定义
label属性,则其值为元素文本内容。 selected-
如果存在,此布尔属性表示选项最初处于选中状态。如果
<option>元素是具有未设置multiple属性的<select>元素的后代,则此<select>元素中只有一个<option>元素可以具有selected属性。 值-
此属性的内容表示如果选中此选项,则要与表单一起提交的值。如果省略此属性,则该值取自选项元素的文本内容。
使用 CSS 设置样式
<option>元素的样式设置非常有限。选项不会继承父元素上设置的字体。在 Firefox 中,只能设置color和background-color,但在 Chrome 和 Safari 中无法设置任何属性。您可以在我们关于高级表单样式指南中找到有关样式设置的更多详细信息。
示例
请参阅<select>以获取示例。
技术摘要
| 内容类别 | 无。 |
|---|---|
| 允许的内容 | 文本,可能包含转义字符(如é)。 |
| 标签省略 | 开始标签是必需的。如果此元素紧跟另一个<option>元素或<optgroup>,或者如果父元素没有更多内容,则结束标签是可选的。 |
| 允许的父元素 | <select>、<optgroup>或<datalist>元素。 |
| 隐式 ARIA 角色 | option |
| 允许的 ARIA 角色 | 不允许使用role。 |
| DOM 接口 | HTMLOptionElement |
规范
| 规范 |
|---|
| HTML 标准 # the-option-element |
浏览器兼容性
BCD 表格仅在浏览器中加载