HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript 執筆書籍の紹介
HTMLの基本 CSSの基本 About サイトマップ

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

★HTMLタグリファレンス

<OPTGROUP>・・・・・セレクトボックスの選択肢をグループ化する
Internet Explorer6Internet Explorer7Internet Explorer8 Netscape6Netscape7 Opera7Opera8Opera9 Firefox1Firefox2Firefox3

<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>
↓↓↓

ブラウザ上の表示

好きな食べ物は?:



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

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript 執筆書籍の紹介
HTMLの基本 CSSの基本 About サイトマップ
MuuMuu Domain!
HTMLクイックリファレンスについて
©2010 HTMQ