HTML <optgroup> 标签

HTML <optgroup>标签在 <select>控件的值的下拉列表中创建一组选项。这些下拉值由一系列 <option>标签定义，并使用 <optgroup>标签进行分组。label <optgroup> 的值将显示为 <select>控件中分组项目上方的灰色标题。此标签通常也称为 <optgroup>元素。

实例

通过 <optgroup> 标签把相关的选项组合在一起：

<html>
<body>
<label for="cars">请选择车辆:</label>
<select>
  <optgroup label="瑞典汽车">
      <option value="volvo">沃尔沃</option>
    <option value="saab">萨博</option>
  </optgroup>
  <optgroup label="德国汽车">
    <option value="mercedes">梅赛德斯</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>
</body>
</html>

运行一下

浏览器支持

元素
<optgroup>	Yes	Yes	Yes	Yes	Yes

所有主流浏览器都支持 <optgroup> 标签。

定义和用法

<optgroup> 标签定义选项组。

optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。

HTML 与 XHTML 之间的差异

无

必需的属性

属性	值	描述
label	text	为选项组规定描述。

可选的属性

属性	值	描述
disabled	disabled	规定禁用该选项组。

全局属性

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

事件属性

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