<optgroup>

試してみましょう

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

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

null

属性

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

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> の定義	勧告

ブラウザーの互換性

BCD tables only load in the browser

<optgroup>

試してみましょう

属性

例

結果

仕様書

ブラウザーの互換性

関連情報