カンタンHTMLフォーム・セットアップ方法

カンタンフォーム・セットアップ方法サンプルページのHTMLをもとにセットアップ方法を解説しています。このページから必要な箇所をコピーしてカンタンにセットアップできます。なお、カンタンフォームのご利用は弊社宛ご利用のドメイン名（例:abcde.co.jp）とともにご利用お申込みください。サーバ設定後すぐにご利用できます。
フォームデータは、form-master@abcde.co.jp に届きます。
確認ページは、メール送信の処理が完了した時点での表示となります。

この下から＝＝＝＝＝

＝＝＝＝＝この上まで

を、赤文字はブランク含めて文字数自由の改行なしで必須入力、青文字は内容任意入力、緑文字は説明文で最終的に全削除、
また、グレー部分はHTMLの一部で自由に追加変更削除して、任意のHTML内に挿入するだけで簡単にフォーム利用可。

＊：入力項目名および入力項目は01～50の番号毎に対になり、全部で50項目まで設定可。


<HTML>
<HEAD>
<TITLE>カンタンHTMLフォーム・サンプル
</TITLE>
</HEAD>

<body bgcolor="#ffffff" text="#000000">

<font size=5><b>カンタンHTMLフォーム・サンプル</b></font>
<hr>
<font size=5>バーチャル・フルーツショップ</font>
<hr>

この下から＝＝＝＝＝

<FORM ACTION="http://www.power-user.com/cgibin/form2/gogo/option/kantan-form/account_name/submit.cfg" METHOD="POST">：アカウント名はご利用ドメイン名の独自名部分（例：abcde.co.jpの場合小文字でabcde）となります。また特別に弊社がアカウント名を指定することもあります。

<INPUT TYPE="HIDDEN" NAME="haikei_color" VALUE="white">：入力確認ページの背景色（色の名前や６桁の数字両方で設定可）
<INPUT TYPE="HIDDEN" NAME="moji_color" VALUE="#555555">：入力確認ページの文字色（色の名前や６桁の数字両方で設定可）

<INPUT TYPE="HIDDEN" NAME="top_image" VALUE="http://www.internet.ad.jp/images/power.gif">：入力確認ページトップ左揃え表示の画像のあるURL

<INPUT TYPE="HIDDEN" NAME="link_url" VALUE="http://www.internet.ad.jp/option/kantan_form/setup.html">：入力確認ページの次のリンク先
<INPUT TYPE="HIDDEN" NAME="link_info" VALUE="【カンタンフォーム・セットアップ方法へ】">：入力確認ページの次のリンク先の案内文

<INPUT TYPE="HIDDEN" NAME="link_color" VALUE="tomato">：入力確認ページの未リンク文字色（リンク先の案内文のリンク前の文字色・色の名前や６桁の数字両方で設定可）
<INPUT TYPE="HIDDEN" NAME="vlink_color" VALUE="green">：入力確認ページの既リンク文字色（リンク先の案内文で既に過去にクリックされたことがある場合の文字色・色の名前や６桁の数字両方で設定可）

<INPUT TYPE="HIDDEN" NAME="header_line_1" VALUE="まいどいつもお世話になっております。">：入力確認ページ上部の連絡文1行目/全9行
<INPUT TYPE="HIDDEN" NAME="header_line_2" VALUE="ご注文まことにありがとうございます。">：入力確認ページ上部の連絡文2行目/全9行
<INPUT TYPE="HIDDEN" NAME="header_line_3" VALUE="もぎたてを早速お送りいたします。">：入力確認ページ上部の連絡文3行目/全9行
<INPUT TYPE="HIDDEN" NAME="header_line_4" VALUE="新鮮なうちにお召し上がりください。">：入力確認ページ上部の連絡文4行目/全9行
<INPUT TYPE="HIDDEN" NAME="header_line_5" VALUE="ご不明な点ございましたらまたご連絡ください。">：入力確認ページ上部の連絡文5行目/全9行
<INPUT TYPE="HIDDEN" NAME="header_line_6" VALUE="取り急ぎお礼まで。">：入力確認ページ上部の連絡文6行目/全9行
<INPUT TYPE="HIDDEN" NAME="header_line_7" VALUE="どうぞ宜しくお願い申し上げます。">：入力確認ページ上部の連絡文7行目/全9行
<INPUT TYPE="HIDDEN" NAME="header_line_8" VALUE="">：入力確認ページ上部の連絡文8行目/全9行（この例ではブランク行）
<INPUT TYPE="HIDDEN" NAME="header_line_9" VALUE="バーチャル・フルーツショップ　店主　近藤">：入力確認ページ上部の連絡文9行目/全9行


<INPUT TYPE="HIDDEN" NAME="mail_subject" VALUE="Virtual Fruits Shop">：メールのSubject欄
<INPUT TYPE="HIDDEN" NAME="mail_line_1" VALUE="Moshi mojibake shite kono mail ga yomemasendeshitara mail kudasai.">：メールの連絡文1行目/全9行
<INPUT TYPE="HIDDEN" NAME="mail_line_2" VALUE="まいどいつもお世話になっております。">：メールの連絡文2行目/全9行
<INPUT TYPE="HIDDEN" NAME="mail_line_3" VALUE="ご注文まことにありがとうございます。">：メールの連絡文3行目/全9行
<INPUT TYPE="HIDDEN" NAME="mail_line_4" VALUE="もぎたてを早速お送りいたします。">：メールの連絡文4行目/全9行
<INPUT TYPE="HIDDEN" NAME="mail_line_5" VALUE="新鮮なうちにお召し上がりください。">：メールの連絡文5行目/全9行
<INPUT TYPE="HIDDEN" NAME="mail_line_6" VALUE="ご不明な点ございましたらまたご連絡ください。">：メールの連絡文6行目/全9行
<INPUT TYPE="HIDDEN" NAME="mail_line_7" VALUE="どうぞ宜しくお願い申し上げます。">：メールの連絡文7行目/全9行
<INPUT TYPE="HIDDEN" NAME="mail_line_8" VALUE="">：メールの連絡文8行目/全9行（この例ではブランク行）
<INPUT TYPE="HIDDEN" NAME="mail_line_9" VALUE="バーチャル・フルーツショップ　店主　近藤">：メールの連絡文9行目/全9行


ご氏名　　
<INPUT TYPE="TEXT" NAME="namae" SIZE="23">：フォーム入力者の名前
<INPUT TYPE="HIDDEN" NAME="keishou" VALUE="　様">：フォーム入力者の敬称（ブランク可）
<br>

電子メール
<INPUT TYPE="TEXT" NAME="mail_address" SIZE="23">：フォーム入力者のメールアドレス（必須）
<br>


郵便番号　
<INPUT TYPE="HIDDEN" NAME="csv_item_01_info" VALUE="郵便番号　">：入力項目名1/全50項目＊
<INPUT TYPE="TEXT" NAME="csv_item_01" SIZE="10"> <br>：入力項目1/全50項目＊

住所　　　
<INPUT TYPE="HIDDEN" NAME="csv_item_02_info" VALUE="住所　　　">：入力項目名2/全50項目＊
<INPUT TYPE="TEXT" NAME="csv_item_02" SIZE="40"> <br>：入力項目2/全50項目＊

ＴＥＬ　　
<INPUT TYPE="HIDDEN" NAME="csv_item_03_info" VALUE="ＴＥＬ　　">：入力項目名3/全50項目＊
<INPUT TYPE="TEXT" NAME="csv_item_03" SIZE="15"> <br>：入力項目3/全50項目＊
<p>

ご注文品　
<INPUT TYPE="HIDDEN" NAME="csv_item_05_info" VALUE="ご注文品　">：入力項目名5/全50項目＊
<INPUT TYPE="radio" NAME="csv_item_05" VALUE="りんご" CHECKED="true">りんご：入力項目5/全50項目＊
<INPUT TYPE="radio" NAME="csv_item_05" VALUE="いちご">みかん
<INPUT TYPE="radio" NAME="csv_item_05" VALUE="バナナ">バナナ
<INPUT TYPE="radio" NAME="csv_item_05" VALUE="ぶどう">ぶどう
<INPUT TYPE="radio" NAME="csv_item_05" VALUE="いちご">いちご<br>
<p>

ご注文数　
<INPUT TYPE="HIDDEN" NAME="csv_item_07_info" VALUE="ご注文数　">：入力項目名7/全50項目＊
<SELECT NAME="csv_item_07">：入力項目7/全50項目＊
<OPTION SELECTED>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>9
<OPTION>7
<OPTION>8
<OPTION>9
</SELECT>
<p>

メッセージ
<INPUT TYPE="HIDDEN" NAME="renraku_info" VALUE="いただいたメッセージ：">：文章入力欄の名称でメールと確認ページで表示
<TEXTAREA NAME="renraku" ROWS="5" COLS="50">他に欲しいくだものがあったら書いてください。</TEXTAREA><BR>：文章入力欄
<p>

<INPUT TYPE="submit" NAME="name" VALUE="注文します">　
<INPUT TYPE="reset" NAME="name" VALUE="リセット">


</FORM>

＝＝＝＝＝この上まで

</BODY>
</HTML>

【豆知識】

フォーム入力毎に確認メールとCSV形式のメールが送られますが、CSVメールの１行目の項目名と２行目のデータ部分を切り取ってテキスト形式で、必要に応じてファイル名の拡張子.csvを付けて、ファイル保存し、表計算ソフトでCSV形式（カンマによってフィールド毎に区切られたデータ形式）で指定して読み込めばにきれいにセルに収まります。また、複数のフォームデータの集計について、１件目のメールは１行目と２行目、２件目以降は２行目だけを切り取り、改行に気をつけながら一つのテキストファイルに集めて保存した後表計算ソフトで読み込んだり、または、１件目の１・２行目を表計算ソフトで読み込んだ後、２件目以降をメールで受信する度に２行目だけを表計算ソフトに追加していくことで集計できます。

【ご注意】

フォーム入力された方に送信される確認メールについて、その方のご利用になっている接続プロバイダのサーバ設定、ご利用のパソコンのＯＳやメールソフトなど、それぞれの組み合わせによる特定の環境で、ごくわずかですが（弊社の経験上数％位の確率で）文字化けが起こることがあります。メールのヘッダーに半角のローマ字で「Moshi mojibake shite...」のようにお知らせを入れておくと文字化けでも連絡をもらうことができ、それに対して自分宛にもCcで同時に送られている同じメールを再送することができますので安心です。さらに、アンケート等で確認メールの内容を読んでもらう必要がない場合は、文字化けでも返信不要のメッセージを通常の全角文字とローマ字で書いておくことで不要な返信メールをもらうことも避けられます。