選択メニューを作成する
ホームページやブログなどのウェブサイトに、選択メニューを作成します。プルダウン式で選択できるメニュー一覧です。この選択メニューは、CGI やJavaScript などのスクリプトで処理すれば いろいろの目的に使うことができます。
<select name="識別名" 複数選択可能かどうか>
<option value="送信内容" 初期選択状態>表示文字 ・・・項目の数だけ繰返し
</select>
- 識別名:選択メニューに識別名を付けます。送信されるデータは、『識別名=送信内容で指定した値』となります。
- 複数選択可能かどうか:複数選択可能とする場合は、ここに『 multiple 』と記述します。
- 送信内容:そのメニューが選択された状態で送信ボタンが押された際に、送信するデータを指定します。
- 初期選択状態:あらかじめ選択しておきたい項目がある場合は、ここに『 selected 』と記述します。指定しない場合は、一番上の項目が初期表示されます。
サンプルです。
好きな色は、何ですか?
このソースは、次のようになります。
好きな色は、何ですか?<br>
<form action="./cgi-bin/formsample.cgi" target="_blank" method="post">
<select name="color">
<input type="submit" value="送信">
</form>
<form action="./cgi-bin/formsample.cgi" target="_blank" method="post">
<select name="color">
<option value="red">赤
<option value="blue">青
<option value="green" selected>緑
</select><option value="blue">青
<option value="green" selected>緑
<input type="submit" value="送信">
</form>
この状態で送信ボタンを押すと、
color=green
というデータが送信先に送られます。
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス