HTML & CSS

最終更新日:
公開日:

リファレンス

HTML

オプション・グループ

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

プルダウンで表示するラベル名を指定します。必須属性です。

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

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

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