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

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

註: optgroup 要素を入れ子にすることはできません。

属性

この要素にはグローバル属性があります。

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

<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
基本対応1 あり15.5 あり あり
disabled1 あり18 あり あり
label1 あり15.5 あり あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 あり あり あり
disabled あり あり あり4 あり あり あり
label あり あり あり4 あり あり あり

関連情報

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

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