HTML編 48/51
|
目的別 index
|
タグ別 index
|
カラーチャート
|
images
|
SAMPLE
|
アンケートを作る
選択リストを作る
チェックボックスを作る
選択リストを作る
●<SELECT NAME="n"
SIZE="n" MULTIPLE
>
●<OPTION VALUE="n"
SELECTED
>
先ほどのプルダウンメニューのタグにオプションタグを加えると、あらかじめ項目が表示されている選択フィールドを作ることもできます。加えるタグはSIZEです。このSIZEはフィールドの大きさを指定するオプションタグですが、横幅はプルダウンメニュー同様中に入る文字数に合わす仕様になっていますので、ここで指定するサイズとは行数(縦列)です。指定したサイズ以上に<OPTION >タグがある場合自動的にスクロールバーが付きます。ここではSIZE="3"としているのに<OPTION >を4つ付けているので、スクロールバーが表示されています。MULTIPLEオプションを付けると複数回答が可能になります。
<OPTION >タグにSELECTEDを付けておくと、ユーザーがチェックしなくても最初から選択されている項目が作れます。ほとんどの人がこの項目をチェックするだろう、というものに付けると効果的です。
<HTML>
------略-------
<!--★★フォームタグ★★-->
<FORM ACTION="mailto:abc@defg.ne.jp" METHOD="post">
------略-------
</SELECT>
<BR><BR>
<B>●お使いのマシンは?(+shiftで複数回答可)</B><BR>
<SELECT NAME="machine"
SIZE="3" MULTIPLE
>
<OPTION VALUE="windows"
SELECTED
>WINDOWS
<OPTION VALUE="macintosh">Macintosh
<OPTION VALUE="unix">UNIX
<OPTION VALUE="other">他
</SELECT>
<!--★★フォーム終了タグ★★--> </FORM>
</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
チェックボックスを作る
●<INPUT TYPE="
checkbox
">
チェックボックスはラジオボタンのTYPEオプションタグのパラメータにradioの代わりにcheckboxを入れるだけです。複数回答が可能になります。
<HTML>
------略-------
<!--★★フォームタグ★★-->
<FORM ACTION="mailto:abc@defg.ne.jp" METHOD="post">
------略-------
</SELECT>
<BR><BR>
<B>●面白かったページはありますか?(複数回答可)</B><BR>
<INPUT TYPE="checkbox" NAME="page" VALUE=profile>プロフィール
<INPUT TYPE="
checkbox
" NAME="page" VALUE="Macintosh">Macintosh
<INPUT TYPE="checkbox" NAME="page" VALUE="Travel">トラベル
<INPUT TYPE="checkbox" NAME="page" VALUE="nothing">無い
<!--★★フォーム終了タグ★★-->
</FORM>
</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>