概要
在web表单中, HTML元素 <option> 用于定义在<select>, <optgroup> 或<datalist> 元素中包含的项。<option> 可以在弹出窗口和 html 文档中的其他项目列表中表示菜单项。
- 内容类别 无
- 允许的内容带有最终转义字符（例如
é）的文本 - 标记省略 开始标记是必需的。如果此元素紧接着是另一个
<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 属性，它会错误地返回一个空字符串，而不是返回元素的文本内容。
另见
- 其它表单相关的元素：
<form>,<legend>,<label>,<button>,<select>,<datalist>,<optgroup>,<fieldset>,<textarea>,<keygen>,<input>,<output>,<progress>and<meter>.