フォームメールの作り方 1.送信フォームの設定


フォームメールとは、ホームページに設定した入力フォームに記入した内容を
電子メールで指定したメールアドレスに送信するものです。
アンケート結果の収集や商品の注文を受けるなどの利用ができます。
※ホームページへの指定

 入力フォームのホームページの記述は以下のようになります。
 <FORM ACTION="/cgi-bin/form.cgi" METHOD="POST">
      |
      |入力項目の指定をします。
      |
 </FORM>

きときとネットで準備しているフォームメールを利用するときは、フォームのタグ(ホームページ
の命令)の指定を  <FORM ACTION="/cgi-bin/form.cgi" METHOD="POST">  にして下さい。

※入力フォームのホームページのサンプル

 簡単な入力フォームのホームページのサンプル・ソースを下記に記載します。
<HTML>
<HEAD>
  <TITLE>きときとネット「フォームサンプル」</TITLE>
  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
  <STYLE TYPE="text/css">
  <!--
  BR { font-size:12px; }
  FONT { font-size:13px; font-family:MS ゴシック; }
  -->
  </STYLE>
</HEAD>
<BODY BGCOLOR="#ffffff" BACKGROUND="../image/back.gif" LINK="#ff0080" VLINK="#ff0080" ALINK="#ff0080">
<CENTER>
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="10"><TR><TD ALIGN="LEFT">
  <FONT COLOR="#FF0000"><入力フォームサンプル></FONT><BR>
  <FORM ACTION="/cgi-bin/form.cgi" METHOD="POST">
    <INPUT TYPE="HIDDEN" NAME="subject" VALUE="☆☆ 入力フォームサンプル ☆☆">
    <INPUT TYPE="HIDDEN" NAME="mailto" VALUE="info@kitokitonet.ne.jp">
    <INPUT TYPE="HIDDEN" NAME="mail_check" VALUE="on">
    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="5">
    <TR><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#FFE8FF">
      <FONT COLOR="#000000">メールアドレス</FONT>
    </TD><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#FFE8FF">
      <INPUT TYPE="TEXT" NAME="email" SIZE=50>
    </TD></TR>
    <TR><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#E3DDFD">
      <FONT COLOR="#000000">お 名 前</FONT>
    </TD><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#E3DDFD">
      <INPUT TYPE="TEXT" NAME="お名前" SIZE=50>
    </TD></TR>
    <TR><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#FFE8FF">
      <FONT COLOR="#000000">ご 住 所</FONT>
    </TD><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#FFE8FF">
      <TEXTAREA NAME="ご住所" ROWS="4" COLS="50"></TEXTAREA>
    </TD></TR>
    <TR><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#E3DDFD">
      <FONT COLOR="#000000">選 択 1</FONT>
    </TD><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#E3DDFD">
      <INPUT TYPE="RADIO" NAME="選択1" VALUE="@" CHECKED>@ 
      <INPUT TYPE="RADIO" NAME="選択1" VALUE="A">A 
      <INPUT TYPE="RADIO" NAME="選択1" VALUE="B">B 
    </TD></TR>
    <TR><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#FFE8FF">
      <FONT COLOR="#000000">選 択 2</FONT>
    </TD><TD ALIGN=LEFT VALIGN="TOP" NOWRAP BGCOLOR="#FFE8FF">
      <INPUT TYPE="CHECKBOX" NAME="選択2" VALUE="A">A 
      <INPUT TYPE="CHECKBOX" NAME="選択2" VALUE="B">B 
      <INPUT TYPE="CHECKBOX" NAME="選択2" VALUE="C">C 
    </TD></TR>
    <TR BGCOLOR="#FAFAE0"><TD ALIGN=CENTER VALIGN="TOP" NOWRAP COLSPAN=2>
      <BR>
      <INPUT TYPE=SUBMIT VALUE="確認へ">  
      <INPUT TYPE=RESET VALUE="取 消"><BR><BR>
    </TD></TR>
    </TABLE>
  </FORM>
</TD></TR></TABLE>
<BR><BR>
</CENTER>
</BODY>
</HTML>


 ・朱色は、ホームページの入力フォームの設定
 ・青色は、フォームメール起動に利用できる設定
 ・茶色は、フォームの入力項目およびボタン