optgroup

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 選択肢のグループ化
読み方 オプショングループ

カテゴリー

フロー・コンテンツ
フレージング・コンテンツ

親にできる要素/カテゴリー

フレージング・コンテンツが期待される個所

子にできる要素/カテゴリー

フレージング・コンテンツまたは0個以上のoption要素

<optgroup 属性="値">~</optgroup>

属性 概要
disabled 論理値 グループ内のoption要素を無効化するかどうか
label 文字列 ラベル

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 optgroup要素は、option要素のグループ化を表します。optgroup要素の子要素にoption要素を入れてグループ化します。

 disabled属性は論理属性で、これを指定すると、グループ内のoption要素がすべて無効化されます。

 label属性は指定することが必須で、グループの名前をつけます。主要Webブラウザー※の標準では、名前はグループの先頭に表示されます。
※Internet Explorer、Firefox、Google Chrome、Safari、Opera

サンプル

(body要素の内部のみ掲載)

<form action="server.php" method="post">
<p><label>都道府県:
<select name="pref">
<optgroup label="南関東">
<option value="東京都">東京都</option>
<option value="千葉県">千葉県</option>
<option value="埼玉県">埼玉県</option>
<option value="神奈川県">神奈川県</option>
</optgroup>
<optgroup label="北関東">
<option value="茨城県">茨城県</option>
<option value="栃木県">栃木県</option>
<option value="群馬県">群馬県</option>
</optgroup>
</select>
</p>
<p><input type="submit" value="送信"></p>
</form>

サンプル実行画像

Powered by Web Professional

目次