<optgroup> タグを使用して、関連する選択肢をグループ化します：
<select>
<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>
Try it Yourself ❯
<optgroup> は、ドロップダウンリストの関連する選択肢をグループにするため使用します。
選択肢のリストが長い場合、関連する選択肢をグループ化することで、ユーザは選択し易くなります。
| 要素 | |||||
|---|---|---|---|---|---|
| <optgroup> | Yes | Yes | Yes | Yes | Yes |
なし。
| 属性 | 値 | 説明 |
|---|---|---|
| disabled | disabled | 無効にするオプショングループを指定します |
| label | text | オプショングループのラベルを指定する |
<optgroup> タグは、HTML のグローバル属性もサポートします。
<optgroup> タグは、HTML のイベント属性もサポートします。
HTML DOM リファレンス：OptionGroup オブジェクト
なし。