選項組

你可以在選擇選單中整齊地分組選項,以便通過使用 <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>

使用選項組時,並非所有選項都必須包含在組中。同樣,禁用選項組將禁用組中的所有選項,並且無法在禁用的組中手動重新啟用單個選項。