<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 文档中的其他项目列表中表示菜单项。

尝试一下

  • 内容类别
  • 允许的内容带有最终转义字符(例如 &eacute;)的文本
  • 标记省略 开始标记是必需的。如果此元素紧接着是另一个 <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

参见