HTML フォームタグチュートリアル (4):

name メニューとリストの名前 size 表示するオプションの数 multiple リスト内の項目の複数選択 value 選択されたオプションの値 デフォルトオプション ファイル例: 11-16.htm
ページにメニューとリストを挿入します。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 11-16.htm -->
03 <!-- ファイルの説明: メニューとリストを挿入 -->
04 <!-- -------------------------------- -->
05 <タイトル>
06 <ヘッド>
07 <title>メニューとリストを挿入する</title>
08 </head>
09 <本文>
10 <h1>ユーザーアンケート</h1>
11 <フォーム アクション=mailto:[email protected] メソッド=get 名前=invest>
12 好きな音楽を選択してください:<br>
13 <select name="music" size=4 multiple>
14 <option value="rock" 選択済み>ロック音楽
15 <option value="pop">ポップ
16 <option value="jazz">ジャズ
17 <option value="nation">フォークミュージック
18 </選択><br>
19 お住まいの都市を選択してください:<br>
20 <名前を選択="都市">
21 <option value="beijing" selected>北京
22 <option value="shanghai">上海
23 <option value="nanjing">南京
24 <option value="guangzhou">広州
25 </選択>
26 <input type="submit" name="submit" value="フォームを送信">
27 </フォーム>
28 </本文>
29 </html> ファイルの説明の 13 行目では、リストに表示される項目の数が 4 であり、複数選択が可能であることが定義されています。 14 行目から 17 行目ではオプションを定義し、「ロック ミュージック」がデフォルトの選択となり、20 行目ではメニューのデフォルトの数を定義し、21 行目から 24 行目ではオプションを定義し、「北京」がデフォルトの選択となります。

ここで、次のような項目をフォームに追加したいとします: 現在いる都市を参照します。ここで私たちが話しているのは全国の都市のことではなく、州都以上の都市が数十あります。上記のように、ラジオ ボタンの形式でこれらすべての都市を Web ページにリストすることは考えられません。すると、フォームのオブジェクトにメニューとリストが表示されます。結局のところ、メニューとリストは主に Web ページのスペースを節約するために作成されます。 メニューは最もスペースを節約する方法です。通常の状況では、1 つのオプションのみが表示されます。ボタンをクリックしてメニューを開くと、すべてのオプションが表示されます。リストには一定数のオプションを表示できます。その数を超えると、スクロール バーが自動的に表示され、閲覧者はスクロール バーをドラッグして各オプションを表示できます。 <select> タグと <option> タグを使用して、ページ上のメニューとリストの効果を設計できます。 基本構文01 <select name="name" size=value multiple> 02 <option value="value" selected>オプション03 <option value="value">オプション04 … 05 </select> これらの属性の意味は次の表に示すとおりです。	メニューとリストマーカー	説明する