©
本文档使用
php.cn手册 发布
在web表单中, HTML元素<option>用于定义在<select>, <optgroup>或<datalist>元素中包含的项。<option> 可以在弹出窗口和 html 文档中的其他项目列表中表示菜单项。
内容类别 | 无 |
|---|---|
允许的内容 | 带有最终转义字符（例如 é）的文本 |
标记省略 | 开始标记是必需的。如果此元素紧接着是另一个 <option> 元素或<optgroup>, 或者父元素没有其他内容, 则结束标记是可选的。 |
允许的父元素 | A <select>, an <optgroup> or a <datalist> element. |
允许的ARIA角色 | 无 |
DOM 接口 | HTMLOptionElement |
属性
此元素包括全局属性。
disabled如果设置了这个布尔属性，选项就不是可选的。浏览器通常会将这种控件显示为灰色，并且不再接受任何浏览器事件，例如鼠标点击或者焦点相关的事件。如果这个属性没有设置，如果元素的祖先是禁用的<optgroup>元素，元素仍然是禁用的 。
label这个属性是用于表示选项含义的文本。如果 label 属性没有定义，它的值就是元素文本内容。
selected如果存在, 则这个布尔属性表明，这个选项初始被选中。如果 <option> 元素是<select>元素的后继，并且它的 multiple属性没有设置，这个<select>元素只有一个<option> 元素可以拥有selected 属性。
value这个属性的内容代表这个选项选中的话，提交给表单的值。如果省略了这个属性，值就从选项元素的文本内容中获取。
示例
请见<select>示例。
规范
Specification | Status | Comment |
|---|---|---|
HTML Living StandardThe definition of '<option>' in that specification. | Living Standard | |
HTML5The definition of '<option>' in that specification. | Recommendation | |
HTML 4.01 SpecificationThe definition of '<option>' in that specification. | Recommendation | Initial definition |
浏览器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic Support | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
disabled | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
label | 1 | (Yes) | 11 2 3 | (Yes) | (Yes) | (Yes) |
selected | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
value | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
disabled | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
label | (Yes) | (Yes) | (Yes) | 11 | (Yes) | (Yes) | (Yes) |
selected | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
value | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |