HTML <optgroup> 标签用于在 <select> 元素内的下拉列表中对相关的 <options> 进行分组。
将 <optgroup> 标记与 <select> 一起使用可以更轻松地访问下拉列表，尤其是在列表具有大量选项的情况下。
<optgroup label=" ">........</optgroup>
以下是关于 HTML <optgroup> 标签的一些规范
| 展示 | 排队 |
| 开始标签/结束标签 | 开始和结束标签 |
| 用法 | 表格和输入 |
<!DOCTYPE html>
<html>
<head>
<title>Optgroup Tag</title>
<style>
body{
text-align: center;
}
select{
font-size:20px;
font-weight:bold;
color:green;
}
</style>
</head>
<body>
<h2>Example of optgroup tag</h2>
<label>Select your favourite brand</label><br>
<select>
<optgroup label="Laptop Maufacturur">
<option value="dell">Dell</option>
<option value="hp">HP</option>
<option value="lenovo">Lenovo</option>
<option value="acer">Acer</option>
</optgroup>
<optgroup label="Mobile Manufacturer">
<option value="apple">Apple</option>
<option value="nokia">Nokia</option>
<option value="samsung">Samsung</option>
<option value="coolpad">Coolpad</option>
</optgroup>
</select>
</body>
</html>输出：
| 属性 | 属性值 | 描述 |
|---|---|---|
| disabled | disabled | 如果设置，则该 optgroup 的选项将被禁用。 |
| label | text | 它定义了将显示在下拉列表中的组的标签。它是必需的属性。 |
HTML <optgroup> 标签支持 HTML 中的全局属性
HTML <optgroup> 标签支持 HTML 中的事件属性。
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <optgroup> | Yes | Yes | Yes | Yes | Yes |