<option>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTML 元素 <option>
用于定义在 <select>
, <optgroup>
或 <datalist>
元素中包含的项。<option>
可以在弹出窗口和 HTML 文档中的其他项目列表中表示菜单项。
尝试一下
- 内容类别 无
- 允许的内容带有最终转义字符(例如
é
)的文本 - 标记省略 开始标记是必需的。如果此元素紧接着是另一个
<option>
元素或<optgroup>
, 或者父元素没有其他内容,则结束标记是可选的。 - Implicit ARIA role
option
- Permitted ARIA roles No
role
permitted - 允许的父元素 A
<select>
, an<optgroup>
or a<datalist>
element. - DOM 接口
HTMLOptionElement
属性
此元素包括全局属性。
disabled
-
如果设置了这个布尔属性,则该选项不可选。浏览器通常会将这种控件显示为灰色,并且不再接受任何浏览器事件,例如鼠标点击或者焦点相关的事件。如果这个属性没有设置,而这个元素的其中一个父元素是被禁用的
<optgroup>
元素,则这个元素仍然是禁用的。 label
-
这个属性是用于表示选项含义的文本。如果
label
属性没有定义,它的值就是元素文本内容。 selected
-
这个布尔属性存在时表明这个选项是否一开始就被选中。如果
<option>
元素是<select>
元素的子元素,并且<select>
元素的multiple
属性没有设置,则<select>
元素中只有一个<option>
元素可以拥有selected
属性。 value
-
这个属性的值表示该选项被选中时提交给表单的值。如果省略了这个属性,值就从选项元素的文本内容中获取。
示例
参见 <select>
示例。
规范
Specification |
---|
HTML Standard # the-option-element |
浏览器兼容性
BCD tables only load in the browser
参见
- 其他表单相关的元素:
<form>
,<legend>
,<label>
,<button>
,<select>
,<datalist>
,<optgroup>
,<fieldset>
,<textarea>
,<input>
,<output>
,<progress>
和<meter>
。