<OPTGROUP>

<OPTGROUP label="　〜　">　〜　</OPTGROUP>

• <SELECT>〜</SELECT> 内で使用する。
  <OPTION> でひとつづつ指定された選択肢を <OPTGROUP> でグループ化できる。
• グループのラベルとして label属性 で指定した文字が表示され、<OPTION> の label属性 がその下の階層となる。
  （現在はまだ<OPTGROUP>を入れ子にできない）

タグの形式

• 省略不可　（　開始タグ　：　必須　/　終了タグ　：　必須　）

<OPTGROUP>〜</OPTGROUP>の中で使える要素

• <OPTION>

• label="　〜　"　・・・　必須属性。選択項目のラベルを指定。 グループのラベルとして指定文字が表示される。
• disabled　・・・　無効。選択できないように指定。

• class="クラス"
• style="スタイルシート"
• dir="文字の表記方向"
• id="ID"
• lang="言語コード"
• title="タイトル"

HTMLソース

<FORM action="cgi-bin/xxx.cgi" method="post">

好きなお菓子は？
<SELECT name="okasi">

<OPTGROUP label="洋菓子">
<OPTION label="ケーキ" value="cake">ケーキ</OPTION>
<OPTION label="チョコレート" value="chocolate">チョコレート</OPTION>
<OPTION label="クッキー" value="cookie">クッキー</OPTION>
<OPTION label="ゼリー" value="jelly">ゼリー</OPTION>
</OPTGROUP>

<OPTGROUP label="和菓子">
<OPTION label="まんじゅう" value="manjuu">まんじゅう</OPTION>
<OPTION label="どらやき" value="dorayaki">どらやき</OPTION>
<OPTION label="せんべい" value="senbei">せんべい</OPTION>
<OPTION label="寒天" value="kanten">寒天</OPTION>
</OPTGROUP>

</SELECT>

<INPUT type="submit" value="送信">

</FORM>