HTML <optgroup> タグ

定義と用法

<optgroup> タグは、<select> 要素（ドロップダウンリスト）内の関連するオプションをグループ化するために使用されます。

非常に長いオプションリストがある場合、関連するオプションのグループ化を使用することでユーザーが処理しやすくなります。

参照も：

HTML DOM リファレンスマニュアル：OptionGroup オブジェクト

例

使用 <optgroup> タグは、関連するオプションをグループ化するために使用されます：

<label for="cars">自動車ブランドを選んでください：</label>
<select  name="cars" id="cars">
  <optgroup label="中国车">
    <option value="byd">ビーディー</option>
    <option value="geely">ジリヤン</option>
  </optgroup>
  <optgroup label="ドイツ車">
    <option value="mercedes">メルセデス</option>
    <option value="audi">アウディ</option>
  </optgroup>
</select>

自分で試してみる

属性

属性 値 説明
disabled disabled オプショングループを無効にする。
ラベル テキスト オプショングループを定義するタグ。

グローバル属性

<optgroup> タグはさらにサポートしています HTMLでのグローバル属性。

イベント属性

<optgroup> タグはさらにサポートしています HTML でのイベント属性。

デフォルトの CSS 設定

なし。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート