サルでもわかる？かんたんHTML トップページ
>>> ＃８．フォーム
>>> リストボックスを作ろう
「今回やるのはこれじゃ。」
「前回のプルダウンメニューと似てるけど、ちょっと違いますね。」
「うむ。これはリストボックスというんじゃ。
プルダウンメニューは1つしか選べなかったが
このリストボックスは複数選択できるぞぃ。」
リストボックスを作るタグ
-----------------------------------------------------------------
<SELECT> 〜 </SELECT> ： 〜にリストボックスの外枠を表示する。
size="■" ： リストボックスの高さを■にする。
（■には数字を入れる）
name="●" ： リストボックスの名前を■にする。
（●にはわかりやすい名前を入れる）
multiple ： 複数選択できるようにする。
（指定なしの場合は1つだけしか選択できない）
<OPTION> 〜 </OPTION> ： 〜にメニュー項目を入れる。
value="▲" ： メニュー項目の名前を●にする。
（▲にはわかりやすい名前を入れる）
selected ： メニュー項目をあらかじめ選択しておく。
-----------------------------------------------------------------
「今回は プルダウンメニューを作ろう で出てきたタグばかりですね。」
「そうじゃな。
multiple は <SELECT>〜</SELECT> の開始タグに入れるんじゃが
これを指定しない場合は複数選択できないぞぃ。
では実際に使ってみようかのぅ。」
「ではブラウザで見てみるぞぃ。」
「それでは「動物園」と「竹やぶ」を選択した状態で送信してみるぞぃ。」
「複数選択したい時は、キーボード左下の ctrlキー（コントロールキー） を押しながら
クリックするといいぞぃ。
今回はこれでおしまいじゃ。」
↑ページのTOPへ
サルでもわかる？かんたんHTML トップページ >>> ＃８．フォーム >>> リストボックスを作ろう
「今回やるのはこれじゃ。」| サンプル |
|
将来の夢はなんじゃ？（いくつでもOKじゃ） |
「前回のプルダウンメニューと似てるけど、ちょっと違いますね。」
「うむ。これはリストボックスというんじゃ。プルダウンメニューは1つしか選べなかったが
このリストボックスは複数選択できるぞぃ。」
リストボックスを作るタグ
-----------------------------------------------------------------
<SELECT> 〜 </SELECT> ： 〜にリストボックスの外枠を表示する。
size="■" ： リストボックスの高さを■にする。
（■には数字を入れる）
name="●" ： リストボックスの名前を■にする。
（●にはわかりやすい名前を入れる）
multiple ： 複数選択できるようにする。
（指定なしの場合は1つだけしか選択できない）
<OPTION> 〜 </OPTION> ： 〜にメニュー項目を入れる。
value="▲" ： メニュー項目の名前を●にする。
（▲にはわかりやすい名前を入れる）
selected ： メニュー項目をあらかじめ選択しておく。
-----------------------------------------------------------------
「今回は プルダウンメニューを作ろう で出てきたタグばかりですね。」
「そうじゃな。multiple は <SELECT>〜</SELECT> の開始タグに入れるんじゃが
これを指定しない場合は複数選択できないぞぃ。
では実際に使ってみようかのぅ。」
| メモ帳 |
|
<BODY>〜</BODY> の間に入力
<FORM action="mailto:自分のメールアドレス" method="post" enctype="text/plain"> わしとデートするならどこに行きたいかのぅ？（いくつでもOKじゃ） <SELECT name="デートスポット" size="5" multiple> <OPTION value="動物園" selected>動物園</OPTION> <OPTION value="海">海</OPTION> <OPTION value="山">山</OPTION> <OPTION value="竹やぶ" selected>竹やぶ</OPTION> <OPTION value="鳥取県">鳥取県</OPTION> <OPTION value="ハワイ">ハワイ</OPTION> <OPTION value="その他">その他</OPTION> <OPTION value="デートしたくない">デートしたくない</OPTION> </SELECT> <INPUT type="submit" value="送信するぞぃ。"> <INPUT type="reset" value="リセットするぞぃ。"> ↑ 送信・リセットボタンを設置しておくぞぃ。 </FORM> |
「ではブラウザで見てみるぞぃ。」| ブラウザ |
|
|
「それでは「動物園」と「竹やぶ」を選択した状態で送信してみるぞぃ。」| メール |
|
デートスポット＝動物園 デートスポット＝竹やぶ |
「複数選択したい時は、キーボード左下の ctrlキー（コントロールキー） を押しながらクリックするといいぞぃ。
今回はこれでおしまいじゃ。」
↑ページのTOPへ
|
プルダウンメニューを作ろう <<< 前のページへ戻る |
サルでもわかる？かんたんHTML トップページへ戻る >>> |
サルでもわかる？かんたんHTML トップページ >>> ＃８．フォーム >>> リストボックスを作ろう
