HTML編 47/51
| 目的別 index | タグ別 index | カラーチャート | images | SAMPLE |
アンケートを作る
ラジオボタンを作る
プルダウンメニューを作る




ラジオボタンを作る

●<INPUT TYPE="radio" NAME="n" VALUE="n">
選択ボタンを作ってみましょう。TYPEオプションタグのパラメータにradioと入れると、ラジオボタンが作れます。次のページでやりますが、選択ボタンはもう一種類、チェックボックスタイプの物があります。ラジオボタンタイプとチェックボックスタイプの違いは、ラジオボタンはどれか一つしか選ぶことが出来ないのに対し、チェックボックスは複数の選択が可能なことです。サンプルのように性別を問う場合などはラジオボタンが向いているでしょう。
どれかにチェックされたメッセージを受信すると、NAMEのパラメータ=VALUEのパラメータというメールが届きます。サンプルの例で男にチェックしてあれば、sex=manとなります(「どちらでもない」だとsex=okamaとなります・笑)。なので、ボタン一つ一つに「NAME」と「VALUE」オプションを付けておかないと、受信したときにどの項目がチェックされたのか解らなくなりますので注意してください。
View
<HTML>

------略-------

<!--★★フォームタグ★★-->
<FORM ACTION="mailto:abc@defg.ne.jp" METHOD="post">

<B>●E-mail</B><BR>
<INPUT TYPE="text" SIZE="40" NAME="mail">

<BR><BR>

<B>●お名前</B> 必ずローマ字で入力してください。<FONT SIZE="2">例:<I>Iwahiro Kimura</I></FONT><BR>
<INPUT TYPE="text" SIZE="40" NAME="name" VALUE="日本語だと読めないんです(^^;)">

<BR><BR>

<B>●性 別</B><BR>
<INPUT TYPE="
radio" NAME="sex" VALUE="man">男 <INPUT TYPE="radio" NAME="sex" VALUE="woman">女 <INPUT TYPE="radio" NAME="sex" VALUE="okama">どちらでもない

<!--★★フォーム終了タグ★★-->
</FORM>

</TD></TR>

</TABLE>

</CENTER>
</BODY>
</HTML>




プルダウンメニューを作る

●<SELECT NAME="n">
●<OPTION VALUE="n">
プルダウンメニューを作ります。プルダウンメニューのタグはSELECTになります。SELECTは単独タグではありませんので、</SELECT>という閉じタグが必要になります。SELECT開始タグと閉じタグの間に<OPTION>タグでVALUEを指定します。<OPTION>は単独のタグです。<OPTION>タグの後に表示したい文字を書き込みます。続けて書けば、書いただけ項目として表示されます。
View
<HTML>

------略-------

<!--★★フォームタグ★★-->
<FORM ACTION="mailto:abc@defg.ne.jp" METHOD="post">

<B>●E-mail</B><BR>
<INPUT TYPE="text" SIZE="40" NAME="mail">

<BR><BR>

<B>●お名前</B> 必ずローマ字で入力してください。<FONT SIZE="2">例:<I>Iwahiro Kimura</I></FONT><BR>
<INPUT TYPE="text" SIZE="40" NAME="name" VALUE="日本語だと読めないんです(^^;)">

<BR><BR>

<B>●性 別</B><BR>
<INPUT TYPE="radio" NAME="sex" VALUE="man">男 <INPUT TYPE="radio" NAME="sex" VALUE="woman">女 <INPUT TYPE="radio" NAME="sex" VALUE="okama">どちらでもない

<BR><BR>

<B>●お住まいは?</B><BR>
<SELECT NAME="address">
<OPTION VALUE="hokkaidou">北海道
<OPTION VALUE="touhoku">東 北
<OPTION VALUE="kantou">関 東
<OPTION VALUE="shinestu">信 越
<OPTION VALUE="hokuriku">北 陸
<OPTION VALUE="toukai">東 海
<OPTION VALUE="kinki">近 畿
<OPTION VALUE="chugoku">中 国
<OPTION VALUE="sikoku">四 国
<OPTION VALUE="kyushu">九 州
<OPTION VALUE="okinawa">沖 縄
</SELECT>

<!--★★フォーム終了タグ★★-->
</FORM>

</TD></TR>

</TABLE>

</CENTER>
</BODY>
</HTML>

backindexnext