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