option - [ HTML 中文开发手册 ] - 在线原生手册

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

目錄搜尋

Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp

文字

在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)