选项组

你可以在选择菜单中整齐地分组选项，以便通过使用 <optgroup> 元素在一长串选项中提供更结构化的布局。

语法非常基本，只需使用带有 label 属性的元素来标识组的标题，并包含应该在该组中的零个或多个选项。

<select name="">
  <option value="milk">Milk</option>
  <optgroup label="Fruits">
    <option value="banana">Bananas</option>
    <option value="strawberry">Strawberries</option>
  </optgroup>
  <optgroup label="Vegetables" disabled>
    <option value="carrot">Carrots</option>
    <option value="zucchini">Zucchini</option>
  </optgroup>
</select>

使用选项组时，并非所有选项都必须包含在组中。同样，禁用选项组将禁用组中的所有选项，并且无法在禁用的组中手动重新启用单个选项。