サルでもわかる？かんたんHTML トップページ
>>> ＃８．フォーム
>>> プルダウンメニューを作ろう
「今回やるのはこれじゃ。」
「右の矢印をクリックすると、メニューが出てくるやつですね☆」
「そう。プルダウンメニューというんじゃ。
今回は初めてのタグが出てくるから、しっかり覚えるんじゃぞぃ。」
プルダウンメニューを作るタグ
-----------------------------------------------------------------
<SELECT> 〜 </SELECT> ： 〜にプルダウンメニューの外枠を表示する。
name="■" ： プルダウンメニューの名前を■にする。
（■にはわかりやすい名前を入れる）
<OPTION> 〜 </OPTION> ： 〜にメニュー項目を入れる。
value="●" ： メニュー項目の名前を●にする。
（●にはわかりやすい名前を入れる）
selected ： メニュー項目をあらかじめ選択しておく。
-----------------------------------------------------------------
「2番目の name="■" 4番目の value="●" は
もうおなじみじゃな。
name="■" は <SELECT>〜</SELECT> の開始タグ、
value="●" は <OPTION>〜</OPTION> の開始タグに入れるぞぃ。」
「ふむふむ。」
「そして <SELECT>〜</SELECT> の間に
メニュー項目の数だけ <OPTION>〜</OPTION> を入れていくんじゃ。」
「最後の selected はどこにいれるんですか？。」
「ふむ。これは </OPTION>〜</OPTION> の開始タグに入れるぞぃ。
実際に使ってみた方が早いかのぅ。」
「ではブラウザで見てみるぞぃ。」
「それでは「日本」と「O型」を選択した状態で送信してみるぞぃ。」
「ちゃんと送信できたかのぅ？
次回はプルダウンメニューとよく似た、リストボックスを作るタグをやるぞぃ。」
↑ページのTOPへ
サルでもわかる？かんたんHTML トップページ >>> ＃８．フォーム >>> プルダウンメニューを作ろう
「今回やるのはこれじゃ。」| サンプル |
|
職業は何かのぅ？ |
「右の矢印をクリックすると、メニューが出てくるやつですね☆」
「そう。プルダウンメニューというんじゃ。今回は初めてのタグが出てくるから、しっかり覚えるんじゃぞぃ。」
プルダウンメニューを作るタグ
-----------------------------------------------------------------
<SELECT> 〜 </SELECT> ： 〜にプルダウンメニューの外枠を表示する。
name="■" ： プルダウンメニューの名前を■にする。
（■にはわかりやすい名前を入れる）
<OPTION> 〜 </OPTION> ： 〜にメニュー項目を入れる。
value="●" ： メニュー項目の名前を●にする。
（●にはわかりやすい名前を入れる）
selected ： メニュー項目をあらかじめ選択しておく。
-----------------------------------------------------------------
「2番目の name="■" 4番目の value="●" はもうおなじみじゃな。
name="■" は <SELECT>〜</SELECT> の開始タグ、
value="●" は <OPTION>〜</OPTION> の開始タグに入れるぞぃ。」
「ふむふむ。」
「そして <SELECT>〜</SELECT> の間にメニュー項目の数だけ <OPTION>〜</OPTION> を入れていくんじゃ。」
「最後の selected はどこにいれるんですか？。」
「ふむ。これは </OPTION>〜</OPTION> の開始タグに入れるぞぃ。実際に使ってみた方が早いかのぅ。」
| メモ帳 |
|
<BODY>〜</BODY> の間に入力
<FORM action="mailto:自分のメールアドレス" method="post" enctype="text/plain"> どこに住んでおるかのぅ？ <SELECT name="住んでいる地域"> <OPTION value="日本">日本</OPTION> <OPTION value="海外">海外</OPTION> <OPTION value="他の星">他の星</OPTION> </SELECT> 血液型は何型かのぅ？ <SELECT name="血液型"> <OPTION value="A型">A型</OPTION> <OPTION value="B型">B型</OPTION> <OPTION value="O型" selected>O型</OPTION> <OPTION value="AB型">AB型</OPTION> <OPTION value="その他">その他</OPTION> </SELECT> <INPUT type="submit" value="送信するぞぃ。"> <INPUT type="reset" value="リセットするぞぃ。"> ↑ 送信・リセットボタンを設置しておくぞぃ。 </FORM> |
「ではブラウザで見てみるぞぃ。」| ブラウザ |
|
|
「それでは「日本」と「O型」を選択した状態で送信してみるぞぃ。」| メール |
|
住んでいる地域＝日本 血液型＝O型 |
「ちゃんと送信できたかのぅ？次回はプルダウンメニューとよく似た、リストボックスを作るタグをやるぞぃ。」
↑ページのTOPへ
|
チェックボックスを作ろう <<< 前のページへ戻る |
リストボックスを作ろう 次のページへ進む >>> |
サルでもわかる？かんたんHTML トップページ >>> ＃８．フォーム >>> プルダウンメニューを作ろう
