概要

在web表单中,  HTML元素 <option>  用于定义在<select><optgroup><datalist> 元素中包含的项。<option> 可以在弹出窗口和 html 文档中的其他项目列表中表示菜单项。

  • 内容类别 无
  • 允许的内容带有最终转义字符(例如 &eacute;)的文本
  • 标记省略 开始标记是必需的。如果此元素紧接着是另一个 <option> 元素或<optgroup>, 或者父元素没有其他内容, 则结束标记是可选的。
  • 允许的父元素 A <select>, an <optgroup> or a <datalist> element.
  • DOM 接口 HTMLOptionElement

属性

此元素包括全局属性

disabled
如果设置了这个布尔属性,选项就不是可选的。浏览器通常会将这种控件显示为灰色,并且不再接受任何浏览器事件,例如鼠标点击或者焦点相关的事件。如果这个属性没有设置,如果元素的祖先是禁用的 <optgroup> 元素,元素仍然是禁用的 。
label
这个属性是用于表示选项含义的文本。如果 label 属性没有定义,它的值就是元素文本内容。
使用注解:  label 属性为包含短的标签而设计,通常用在层级菜单中。 value 属性描述了更长的标签,为用在单选按钮附近而设计。
selected
如果存在, 则这个布尔属性表明,这个选项初始被选中。如果 <option> 元素是 <select> 元素的后继,并且它的 multiple 属性没有设置,这个 <select> 元素只有一个 <option> 元素可以拥有 selected 属性。
value
这个属性的内容代表这个选项选中的话,提交给表单的值。如果省略了这个属性,值就从选项元素的文本内容中获取。

示例

请见 <select> 示例。

规范

Specification Status Comment
HTML Living Standard
<option>
Living Standard  
HTML5
<option>
Recommendation  
HTML 4.01 Specification
<option>
Recommendation  

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.0) [1] (Yes) (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Yes) 1.0 (1.0) [1] (Yes) (Yes) (Yes)

Gecko 注解

[1] Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) 之前,如果没有定义 label 属性,它会错误地返回一个空字符串,而不是返回元素的文本内容。

另见

文档标签和贡献者

此页面的贡献者: wizardforcel, King., ziyunfei, zhache12345
最后编辑者: wizardforcel,