[HTML] セレクトボックスの要素をグループ化する（OPTGROUP）

HTML

2019.03.302024.08.31

OPTGROUPタグを使うと、セレクトボックスの要素をグループ化することができます。

サンプル

例）OPTGROUPを使って要素をグループ化する

<select>
  <optgroup label="東北">
    <option value="aomori">青森県</option>
    <option value="iwate">岩手県</option>
  </optgroup>
  <optgroup label="関東">
    <option value="tokyo">東京都</option>
    <option value="chiba">千葉県</option>
    <option value="kanagawa">神奈川県</option>
    <option value="saitama">埼玉県</option>
  </optgroup>
</select>

1

2

3

4

5

6

7

8

9

10

11

12

13

<select>

<optgroup label="東北">

<option value="aomori">青森県</option>

<option value="iwate">岩手県</option>

</optgroup>

<optgroup label="関東">

<option value="tokyo">東京都</option>

<option value="chiba">千葉県</option>

<option value="kanagawa">神奈川県</option>

<option value="saitama">埼玉県</option>

</optgroup>

</select>

【結果】

備考

optionタグにlabel属性を指定することもできます。

関連サイト

optgroupタグ（HTML5タグ虎の巻）

コメント

タイトルとURLをコピーしました