optgroup要素

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

サンプルコード

<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: プルダウンで表示するラベル名を指定します。必須属性です。

こちらの記事は役に立ちましたか？

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます！
運営の参考にさせていただきます。