HTML編 49/51
| 目的別 index | タグ別 index | カラーチャート | images | SAMPLE |
アンケートを作る
複数行のメッセージを入力するフィールド
送信・リセットボタンを作る




複数行のメッセージを入力するフィールド

●<TEXTAREA NAME="n" COLS="n" ROWS="n">
しつこいようですが、CGI無しではフォームには日本語が使えません。ただ、CGIが使える環境にある場合は、ぜひとも感想文やご意見などを入力するフィールドが欲しいところです。まさかすべてローマ字で書いてくれとは言えないので(笑)サンプルにはコメントフィールドを載せませんでしたが、一応作り方を書いておきます。
タグは<TEXTAREA>を使います。閉じタグ</TEXTAREA>も必要です。オプションタグCOLSが横幅のサイズ、ROWSが縦のサイズ指定です。どちらも半角文字数で指定します。開始タグ<TEXTAREA〜>と閉じタグ</TEXTAREA>の間に何か文字を書き込めば、フィールドにあらかじめ表示されます。フィールドを空欄にしたい場合は何も書かなくて結構です。
View
<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を入れると書き直しのボタンになります。このボタンを押せば入力した物が全て元の状態に戻ります。
View
<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>

backindexnext