HTML <optgroup> 标签

定义和用法

<optgroup> 标签用于对 <select> 元素(下拉列表)中的相关选项进行分组。

如果您有很长的选项列表,使用相关选项的分组可以更方便用户处理。

另请参阅:

HTML DOM 参考手册:OptionGroup 对象

实例

使用 <optgroup> 标签对相关选项进行分组:

<label for="cars">请选择一个汽车品牌:</label>
<select  name="cars" id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="德国车">
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>

亲自试一试

属性

属性 描述
disabled disabled 规定应禁用选项组。
label 文本 规定选项组的标签。

全局属性

<optgroup> 标签还支持 HTML 中的全局属性

事件属性

<optgroup> 标签还支持 HTML 中的事件属性

默认的 CSS 设置

无。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持