optgroup
選択肢のグループ化
<optgroup label=""></optgroup>
メニューの選択肢(option要素)をグループ化する要素です。
階層化されたメニューの表示が期待されますが、実際にそのように表示されるブラウザは少ないようです。
この要素は、select要素内で使用します。
<select name="example">
<optgroup label="グループA">
<option value="A1" label="A-1">選択項目A-1</option>
<option value="A2" label="A-2">選択項目A-2</option>
<option value="A3" label="A-3">選択項目A-3</option>
</optgroup>
<optgroup label="グループB">
<option value="B1" label="B-1">選択項目B-1</option>
<option value="B2" label="B-2">選択項目B-2</option>
<option value="B3" label="B-3">選択項目B-3</option>
</optgroup>
</select>
属性 | 説明 | 値 | 説明 |
---|---|---|---|
必須属性 | |||
label | グループのラベル | テキスト | ラベルとして表示するテキスト |
任意属性 | |||
disabled | 選択肢の無効化 | (disabled) | 値は省略 |
- disabled属性が指定されたグループ(選択肢)は、選択することができなくなります。しかし、optgroup要素に対するこの指定は、一部のブラウザでは対応していないようです。
- disabled属性は、値を省略して記述します(XHTMLでは省略不可)。
- 共通属性・その他属性
- style
- class
- id
- title
- lang
- dir
- イベント属性
- onclick
- ondblclick
- onmousedown
- onmouseup
- onmouseover
- onmousemove
- onmouseout
- onkeypress
- onkeydown
- onkeyup