TOPページ >  フォームを作成する > 選択メニューを作成する

選択メニューを作成する

ホームページやブログなどのウェブサイトに、選択メニューを作成します。プルダウン式で選択できるメニュー一覧です。この選択メニューは、CGI やJavaScript などのスクリプトで処理すれば いろいろの目的に使うことができます。

<select name="識別名" 複数選択可能かどうか>
<option value="送信内容" 初期選択状態>表示文字 ・・・項目の数だけ繰返し
</select>
  1. 識別名:選択メニューに識別名を付けます。送信されるデータは、『識別名=送信内容で指定した値』となります。
  2. 複数選択可能かどうか:複数選択可能とする場合は、ここに『 multiple 』と記述します。
  3. 送信内容:そのメニューが選択された状態で送信ボタンが押された際に、送信するデータを指定します。
  4. 初期選択状態:あらかじめ選択しておきたい項目がある場合は、ここに『 selected 』と記述します。指定しない場合は、一番上の項目が初期表示されます。

サンプルです。

好きな色は、何ですか?

このソースは、次のようになります。

好きな色は、何ですか?<br>
<form action="./cgi-bin/formsample.cgi" target="_blank" method="post">
<select name="color">
<option value="red">
<option value="blue">
<option value="green" selected>
</select>
<input type="submit" value="送信">
</form>

この状態で送信ボタンを押すと、

color=green

というデータが送信先に送られます。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
JavaScriptを使ってクッキングタイマーを作る
隠し項目を作成する
送信ボタンの代わりに画像を表示する
ファイル選択ボタンを作成する
パスワード入力欄を作成する
cgi スクリプトでフォームデータを制御する
JavaScriptでフォームデータを制御する
フォームを作成する
複数行入力可能なテキスト入力欄を作成する
ボタンを作成する
送信ボタンを作成する
リセットボタンを作成する
選択メニューを作成する
ラジオボタンを作成する
チェックボックスを作成する
テキスト入力欄を作成する
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス