HTML <optgroup>タグ
例
<optgroup>タグを使用して関連オプションをグループ化します。
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
定義と使用法
この<optgroup>タグは、関連するオプションを<select>要素（ドロップダウンリスト）にグループ化するために使用されます。
オプションのリストが長い場合は、関連するオプションのグループをユーザーが扱いやすくなります。
ブラウザのサポート
| Element | |||||
|---|---|---|---|---|---|
| <optgroup> | Yes | Yes | Yes | Yes | Yes |
属性
| Attribute | Value | Description |
|---|---|---|
| disabled | disabled | Specifies that an option-group should be disabled |
| label | text | Specifies a label for an option-group |
グローバル属性
この<optgroup>タグは、HTMLのグローバル属性もサポートしています。
イベント属性
この<optgroup>タグは、HTMLのイベント属性もサポートしています。
関連ページ
HTML DOMリファレンス：OptionGroupオブジェクト
デフォルトのCSS設定
なし。