<optgroup>: 选项组元素

基线 广泛可用

此功能已稳定并适用于许多设备和浏览器版本。它自 2015 年 7 月.

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

试试看

注意:选项组元素不能嵌套。

属性

此元素包含 全局属性.

disabled

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

label

选项组的名称,浏览器在用户界面中标记选项时可以使用该名称。如果使用此元素,则此属性为必填属性。

示例

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>

结果

技术概要

内容类别 无。
允许内容 零个或多个 <option> 元素。
标签省略 开始标签是必需的。如果此元素紧跟在另一个<optgroup> 元素之后,或者父元素没有更多内容,则结束标签是可选的。
允许的父元素 一个 <select> 元素。
隐式 ARIA 角色 group
允许的 ARIA 角色 不允许使用role
DOM 接口 HTMLOptGroupElement

规范

规范
HTML 标准
# the-optgroup-element

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅