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

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

Verzeichnis suchen

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

Figuren

在一个web表单中, HTML元素 <optgroup> 会创建包含在一个 <select> 元素中的一组选项

内容类别	没有。
允许的内容	零个或多个<option>元素。
标记遗漏	开始标记是强制性的。如果此元素之后紧跟着另一个<optgroup>元素，或者父元素没有更多内容，则结束标记是可选的。
允许父级	一个<select>元素。
允许ARIA角色	没有
DOM界面	HTMLOptGroupElement

注意： Optgroup元素可能不是嵌套的。

属性

这个元素包含全局属性。

disabled如果设置了这个布尔值，那么这个选项组中将没有选项是可以被选择的。通常浏览器会置灰这样的控件，它不会再接受任何浏览器事件，例如鼠标点击或者焦点相关的事件。

label选项组的名字，当在用户界面标记(label)选项的时候可以被浏览器使用。使用这个元素时必须加上这个属性

例子

<select>  
    <optgroup label="Group 1">    
        <option>Option 1.1</option>  
    </optgroup> 
    <optgroup label="Group 2">    
        <option>Option 2.1</option>    
        <option>Option 2.2</option>  
    </optgroup>  
    <optgroup label="Group 3" disabled>    
        <option>Option 3.1</option>    
        <option>Option 3.2</option>    
        <option>Option 3.3</option>  
    </optgroup>
</select>

结果

规范

Specification	Status	Comment
HTML Living StandardThe definition of '<optgroup>' in that specification.	Living Standard
HTML5The definition of '<optgroup>' in that specification.	Recommendation
HTML 4.01 SpecificationThe definition of '<optgroup>' in that specification.	Recommendation

浏览器兼容性

Feature	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic Support	(Yes)	(Yes)	(Yes)	No	(Yes)	(Yes)
disabled	(Yes)	(Yes)	(Yes)	No	(Yes)	(Yes)
label	(Yes)	(Yes)	(Yes)	No	(Yes)	(Yes)

Feature	Android	Chrome for Android	Edge mobile	Firefox for Android	IE mobile	Opera Android	iOS Safari
Basic Support	(Yes)	(Yes)	(Yes)	(Yes)	No	?	(Yes)
disabled	(Yes)	(Yes)	(Yes)	(Yes)	No	?	(Yes)
label	(Yes)	(Yes)	(Yes)	(Yes)	No	?	(Yes)

Vorheriger Artikel： Nächster Artikel：