<optgroup>: 選項組元素

基線 廣泛可用

此功能已穩定並適用於許多裝置和瀏覽器版本。它自 2015 年 7 月.

<optgroup> HTML 元素在 <select> 元素中建立一個選項組。

試試看

注意：選項組元素不能巢狀。

屬性

此元素包含 全域性屬性.

disabled

如果設定了此布林屬性，則此選項組中的任何專案都不可選。瀏覽器通常會將此類控制元件灰顯，並且它不會接收任何瀏覽事件，例如滑鼠點選或與焦點相關的事件。

label

選項組的名稱，瀏覽器在使用者介面中標記選項時可以使用該名稱。如果使用此元素，則此屬性為必填屬性。

示例

html
<select>
  <optgroup label="Group 1">
    <option>Option 1.1</option>
  </optgroup>
  <optgroup label="Group 2">
    <option>Option 2.1</option>
    <option>Option 2.2</option>
  </optgroup>
  <optgroup label="Group 3" disabled>
    <option>Option 3.1</option>
    <option>Option 3.2</option>
    <option>Option 3.3</option>
  </optgroup>
</select>

結果

技術概要

內容類別 無。
允許內容 零個或多個 <option> 元素。
標籤省略 開始標籤是必需的。如果此元素緊跟在另一個<optgroup> 元素之後，或者父元素沒有更多內容，則結束標籤是可選的。
允許的父元素 一個 <select> 元素。
隱式 ARIA 角色 group
允許的 ARIA 角色 不允許使用role
DOM 介面 HTMLOptGroupElement

規範

規範
HTML 標準
# the-optgroup-element

瀏覽器相容性

BCD 表格僅在瀏覽器中載入

另請參閱