＜ＳＥＬＥＣＴ＞タグ

そして、SELECTタグには二種類の表示方法があります。一つはポッ プアップメニュー方式でデフォルトはこの方法で表示されます。もう一つは SIZE属性を指定することによって、メニューウィンドウ形式で表示 されるようになります。MULTIPLE属性を加える事によって、 SELECTタグで選択できる選択肢を複数選ぶようにすることができま す。

<SELECT NAME="menu">
<OPTION> 最初の選択肢
<OPTION> 2番目の選択肢
:
:
</SELECT>

• NAMEは、SELECT要素のシンボリック名です。
• SIZEを指定すると、その数だけメニュー項目形式で表示 されます。ここで指定された以上にオプションがある場合、スクロー ルリストになります。
• MULTIPLEは、メニューの中で選択肢を複数選ぶ事ができ る項目に対して使用します。コントロールキーを押しながら複数選択す る事ができます。

• SELECTEDは、予め選択された状態にしておく項目に対して 指定します。複数の選択を行う場合は、SELECTタグに MULTIPLEを指定しておく必要があります。
• VALUEは、選択された場合の値を指定します。 VALUEが無ければ、<OPTION>タグで記述し た項目がその値となります。

<FORM METHOD="POST" ACTION="/cgi-bin/post-query">

今日は何をしたいですか?

<SELECT NAME="what-to-do">
<OPTION> コーヒを飲む
<OPTION SELECTED> 読書をする
<OPTION> 散歩をする
<OPTION> パンを買う
<OPTION> テレビを見る
</SELECT>  <P>

実行ボタン: <INPUT TYPE="submit" VALUE="実行"> <P>
リセットボタン: <INPUT TYPE="reset" VALUE="リセット"> <P>

</FORM>

<FORM METHOD="POST" ACTION="/cgi-bin/post-query">

あなたはどこへ旅行したいですか？

<SELECT NAME="where-to-travel" SIZE=10>
<OPTION VALUE="atami"> 熱海
<OPTION VALUE="hokkaido" SELECTED> 北海道
<OPTION VALUE="hawaii"> ハワイ
<OPTION VALUE="french"> フランス
<OPTION VALUE="austraria"> オーストラリア
<OPTION VALUE="usa"> アメリカ
<OPTION VALUE="canada"> カナダ
<OPTION VALUE="korea"> 韓国
<OPTION VALUE="hongkong"> ホンコン
<OPTION VALUE="china"> 中国
<OPTION VALUE="thai"> タイ
<OPTION VALUE="german"> ドイツ
</SELECT>  <P>

旅行先でどこへしたいですか?? (アイテムを選択する場合や解除する場合は、
コントロールキーを押して下さい<P>

<BLOCKQUOTE>
<SELECT NAME="what-to-wear" MULTIPLE SIZE=8>
<OPTION> 映画館
<OPTION SELECTED> 食事
<OPTION> 史跡
<OPTION SELECTED> 博物館
<OPTION SELECTED> 海岸(ビーチ)
<OPTION> 遊園地
<OPTION> ショッピングプラザ
<OPTION> 動物園
<OPTION> 山
<OPTION> 公園
<OPTION> 名所
</SELECT>  <P>
</BLOCKQUOTE>
実行ボタン: <INPUT TYPE="submit" VALUE="実行"> <P>
リセットボタン: <INPUT TYPE="reset" VALUE="リセット"> <P>

</FORM>