<optgroup>: The Option Group element

<optgroup> HTML 元素在 <select> 元素内创建一组选项。

¥The <optgroup> HTML element creates a grouping of options within a <select> element.

Try it

注意：Optgroup 元素不能嵌套。

¥Note: Optgroup elements may not be nested.

属性

¥Attributes

该元素包括 全局属性。

¥This element includes the global attributes.

disabled

如果设置了此布尔属性，则此选项组中的所有项目均不可选。通常，浏览器会将此类控件显示为灰色，并且它不会接收任何浏览事件，例如鼠标单击或与焦点相关的事件。

label

选项组的名称，浏览器在用户界面中标记选项时可以使用该名称。如果使用此元素，则此属性是强制的。

示例

¥Examples

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

结果

¥Result

技术总结

¥Technical summary

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

规范

Specification
HTML Standard
# the-optgroup-element

¥Specifications

浏览器兼容性

BCD tables only load in the browser

¥Browser compatibility

也可以看看

¥See also