optgroup要素

最終更新日：2023-10-09
公開日：2016-05-26

select要素内のoption要素をグルーピングしたい場合に使用します。

HTML サンプルコード

<select name="area">
  <optgroup label="関東">
    <option value="1">茨城</option>
    <option value="2">栃木</option>
    <option value="3">群馬</option>
    <option value="4">埼玉</option>
    <option value="5">千葉</option>
    <option value="6">東京</option>
    <option value="7">神奈川</option>
  </optgroup>
  <optgroup label="四国">
    <option value="8">徳島</option>
    <option value="9">愛媛</option>
    <option value="10">高知</option>
    <option value="11">香川</option>
  </optgroup>
</select>

カテゴリー

なし
コンテンツモデル

0個以上のoption要素、またはスクリプト支援要素。
使用ケース

select要素の子要素として使用

属性

グローバル属性: 下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。
disabled: こちらの属性を指定すると、このグループはプルダウンから選択できなくなります。論理属性です。
label: プルダウンで表示するラベル名を指定します。必須属性です。

記事一覧