index.md

title	slug	l10n
<optgroup>: 選択肢グループ要素	Web/HTML/Element/optgroup	sourceCommit c302e71520c9df718363d8ce81d93568ff84be14

{{HTMLSidebar}}

<optgroup> は HTML の要素で、 {{HTMLElement("select")}} 要素内の選択肢のグループを作成します。

{{EmbedInteractiveExample("pages/tabbed/optgroup.html", "tabbed-standard")}}

Note

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>

結果

{{EmbedLiveSample("Examples")}}

技術的概要

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

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}

関連情報

• 他のフォーム関連要素: {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("option")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("meter")}}