MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

概要

在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  

浏览器兼容性

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,