optgroup

<optgroup>

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

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

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

属性

这个元素包含全局属性。

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

例子

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