トップページ > HTMLタグリファレンス > <OPTGROUP>

★HTMLタグリファレンス

<OPTGROUP> …… セレクトボックスの選択肢をグループ化する
Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape6Netscape7Netscape8 Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
広告

このページでは、HTML4のoptgroup要素を解説しています。
optgroup要素の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

<OPTGROUP>は、 セレクトボックスの選択肢(<OPTION>~<OPTION>)をグループ化するタグです。

<OPTGROUP>タグに対応したブラウザでは、 セレクトボックスの選択肢が階層化されて表示されます。 <OPTGROUP>のlabel属性の値が第一階層となり、 <OPTGROUP>~</OPTGROUP>内にある <OPTION>のlabel属性の値がその下の階層となります。

■使用例

HTMLソース

<form action="cgi-bin/formmail.cgi" method="post">
<p>好きな食べ物は?:<br>
<select name="food">
<optgroup label="野菜">
  <option label="トマト" value="tomato">トマト</option>
  <option label="なす" value="nasu">なす</option>
  <option label="にんじん" value="ninjin">にんじん</option>
  <option label="さつまいも" value="satuma">さつまいも</option>
  <option label="とうもろこし" value="morokosi">とうもろこし</option>
</optgroup>
<optgroup label="果物">
  <option label="さくらんぼ" value="sakura">さくらんぼ</option>
  <option label="メロン" value="melon">メロン</option>
  <option label="ぶどう" value="budou">ぶどう</option>
  <option label="りんご" value="ringo">りんご</option>
  <option label="みかん" value="mikan">みかん</option>
</optgroup>
</select></p>
<input type="submit" value="送信"><input type="reset" value="リセット">
</form>
↓↓↓

ブラウザ上の表示

好きな食べ物は?:

■HTML5情報

<optgroup> … 選択肢をグループ化する
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ