概要
HTML の optgroup 要素 (<optgroup>
) は、Web フォームに於いて <select>
要素内の、選択肢 (<option>
) のグループを作成します。
コンテンツカテゴリ | なし |
---|---|
許可された内容 | 0 個以上の <option> 要素 |
タグの省略 | 開始タグは必須。要素の直後に他の <optgroup> 要素が接続する場合、また親要素が他の内容を持たない場合、終了タグが省略可能となる。 |
許可された親要素 | <select> 要素 |
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>
表示結果
仕様
仕様書 | 策定状況 | コメント |
---|---|---|
WHATWG HTML Living Standard <optgroup> の定義 |
現行の標準 | |
HTML5 <optgroup> の定義 |
勧告 | |
HTML 4.01 Specification <optgroup> の定義 |
勧告 |
ブラウザ実装状況
機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
基本サポート | 1.0 | (有) | (有) | (有) | (有) |
機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
基本サポート | (有) | (有) | (有) | (有) | (有) |
関連情報
- 他のフォーム関連要素:
<form>
、<legend>
、<label>
、<button>
、<select>
、<datalist>
、<option>
、<fieldset>
、<textarea>
、<keygen>
、<input>
、<output>
、<progress>
、<meter>