フォームメールに複数の項目を設置する

メールを送信するためのフォームは複数の入力欄を設置することができます。ここでは１つのフォームに、氏名・メールアドレス・住所・問い合わせ内容の４つの入力欄を設置する方法について考えてみましょう。

■　フォームの定義

フォームに訪問者が情報を入力するためのテキスト入力領域と送信ボタンを定義します。

<FORM NAME="Form1" ACTION="mailto:little-box@aw.wakwak.com"
METHOD="post" onSubmit="location.href='thankyou.htm'"
ENCTYPE="text/plain"><FONT SIZE=-1>講座、施設などのお問い合わせは、
<BR>下の項目を記入して送信ボタンを押してください。
<P></FONT>
<TABLE>
<TR>
<TD>お名前</TD>
<TD><INPUT TYPE="text" SIZE="31" NAME="customer"></TD>
</TR>
<TR>
<TD>メール</TD>
<TD><INPUT TYPE="text" SIZE="31" NAME="email"></TD>
</TR>
<TR>
<TD>住所</TD>
<TD><INPUT TYPE="text" SIZE="50" NAME="addres"></TD>
</TR>
<TR>
<TD>問い合せ内容</TD>
<TD><TEXTAREA NAME="body" ROWS="5" COLS="40"></TEXTAREA></TD>
</TR>
</TABLE>
<BR><INPUT TYPE="submit" VALUE="　送信　" >
</FORM>

例では、「お名前」欄と「メール」欄を31文字、「住所」欄を50文字、「問い合わせ」欄を40文字×5行で表示するように設定しています。

■　<INPUT>タグと<TEXTAREA>タグ

訪問者に入力させるテキストが1行におさまる場合は、<INPUT TYPE="text">タグを、複数行にわたる時には<TEXTAREA>タグを使用してテキストの入力領域を作成します。

例では、「問い合わせ内容」の項目を<TEXTAREA>タグで、それ以外の項目を<INPUT TYPE="text">タグを使用して入力させています。

<<<戻る