HTML の <optgroup> 要素はウェブフォームにおいて <select> 要素内の、選択肢 (<option>) のグループを作成します。

コンテンツカテゴリー なし
許可された内容 0 個以上の <option> 要素
タグの省略 開始タグは必須。要素の直後に他の <optgroup> 要素が接続する場合、または親要素が他の内容を持たない場合、終了タグが省略可能となる。
許可された親要素 <select> 要素
許可された ARIA ロール なし
DOM インターフェイス HTMLOptGroupElement
注意: optgroup 要素を入れ子にすることはできません。

属性

他のすべての HTML 要素と同様に、この要素は グローバル属性 を持ちます。

disabled
この論理属性が指定された場合、このオプショングループ内の項目のいずれも選択不能となります。多くの場合、ブラウザーはそのコントロールをグレーアウトで表示し、マウスクリックやフォーカスなど、いかなるイベントも受け付けなくなります。
label
ブラウザーがユーザーインターフェイス上の選択肢にラベル付けするのに使用できるオプションのグループの名前。optgroup 要素を使用する場合には、この属性は必須です。

<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>

表示結果

仕様

仕様書 策定状況 コメント
HTML Living Standard
<optgroup> の定義
現行の標準  
HTML5
<optgroup> の定義
勧告  
HTML 4.01 Specification
<optgroup> の定義
勧告  

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本サポート (有り) (有り) (有り) 無し (有り) (有り)
disabled (有り) (有り) (有り) 無し (有り) (有り)
label (有り) (有り) (有り) 無し (有り) (有り)
機能AndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基本サポート (有り) (有り) (有り) (有り) 無し ? (有り)
disabled (有り) (有り) (有り) (有り) 無し ? (有り)
label (有り) (有り) (有り) (有り) 無し ? (有り)

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: yyss, ethertank
 最終更新者: yyss,