optgroup要素
optgroup要素はoption要素の項目をグループ分けするための要素です。
select要素内で利用ができoption要素もしくはスクリプト支援要素(script要素やtemplate要素)を内包することができます。
optgroup要素はlabel属性でグループ名を記述できます。
<select>
<optgroup label="ソフトドリンク">
<option>オレンジジュース</option>
<option>コーラ</option>
<option>牛乳</option>
</optgroup>
<optgroup label="アルコール">
<option>ビール</option>
<option>ワイン</option>
<option>日本酒</option>
</optgroup>
</select>disabled属性
disabled属性を指定することでoptgroup要素で指定しているグループを非活性に選択できないようにします。
<select>
<optgroup label="ソフトドリンク" disabled>
<option>オレンジジュース</option>
<option>コーラ</option>
<option>牛乳</option>
</optgroup>
<optgroup label="アルコール">
<option>ビール</option>
<option>ワイン</option>
<option>日本酒</option>
</optgroup>
</select>参考URL
4.10.9 The optgroup element - HTML5 - W3C
4.10.9 The optgroup element - HTML5.1 - W3C
登録日 : 2015年01月16日 最終更新日 : 2015年1月17日