<optgroup>: 選択肢グループ要素
試してみましょう
コンテンツカテゴリー | なし |
---|---|
許可されている内容 | 0 個以上の <option> 要素 |
タグの省略 | 開始タグは必須。要素の直後に他の <optgroup> 要素が接続する場合、または親要素が他の内容を持たない場合、終了タグが省略可能となる。 |
許可されている親要素 | <select> 要素 |
暗黙の ARIA ロール | group |
許可されている ARIA ロール | 許可されている role なし |
DOM インターフェイス | HTMLOptGroupElement (en-US) |
メモ: 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>
結果
仕様書
Specification |
---|
HTML Standard # the-optgroup-element |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- 他のフォーム関連要素:
<form>
,<legend>
,<label>
,<button>
,<select>
,<datalist>
,<option>
,<fieldset>
,<textarea>
,<keygen>
,<input>
,<output>
,<progress>
,<meter>