HTML編 49/51
|
目的別 index
|
タグ別 index
|
カラーチャート
|
images
|
SAMPLE
|
アンケートを作る
複数行のメッセージを入力するフィールド
送信・リセットボタンを作る
複数行のメッセージを入力するフィールド
●<
TEXTAREA
NAME="n"
COLS="n" ROWS="n"
>
しつこいようですが、CGI無しではフォームには日本語が使えません。ただ、CGIが使える環境にある場合は、ぜひとも感想文やご意見などを入力するフィールドが欲しいところです。まさかすべてローマ字で書いてくれとは言えないので(笑)サンプルにはコメントフィールドを載せませんでしたが、一応作り方を書いておきます。
タグは<TEXTAREA>を使います。閉じタグ</TEXTAREA>も必要です。オプションタグCOLSが横幅のサイズ、ROWSが縦のサイズ指定です。どちらも半角文字数で指定します。開始タグ<TEXTAREA〜>と閉じタグ</TEXTAREA>の間に何か文字を書き込めば、フィールドにあらかじめ表示されます。フィールドを空欄にしたい場合は何も書かなくて結構です。
<HTML>
------略-------
<!--★★フォームタグ★★-->
<FORM ACTION="mailto:abc@defg.ne.jp" METHOD="post">
------略-------
<BR><BR>
<B>●感想などございましたら</B><BR>
<
TEXTAREA
NAME="comment"
COLS="30" ROWS="5"
>
何でもいいから書いてくれると、作者がもれなく喜びます(^o^)
</TEXTAREA>
<!--★★フォーム終了タグ★★-->
</FORM>
</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
送信・リセットボタンを作る
●<INPUT TYPE="
submit
" NAME="n" VALUE="n">
●<INPUT TYPE="
reset
" VALUE="n">
最後になくてはならない送信ボタンです。送信のボタンはINPUTタグのTYPEオプションにsubmitを入れます。NAMEオプションは複数のボタンがある場合には必須のオプションです。VALUEのパラメータに入れた文字がボタンの中に現れる文字となります。「送るよ〜」と日本語で書いてもいいのですが、このVALUEも一緒に送られてしまいますので、CGIを使わなければ文字化けして送られてきます(まあ、ここは文字化けしても構わないのですが…)。
TYPEオプションのパラメータにresetを入れると書き直しのボタンになります。このボタンを押せば入力した物が全て元の状態に戻ります。
<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">無い
<BR><BR>
<INPUT TYPE="
submit
" NAME="Enqete" VALUE="OK"> <INPUT TYPE="
reset
" VALUE="書き直し">
<!--★★フォーム終了タグ★★-->
</FORM>
</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>