#####################################
#                                   #
#   MAIL FORM (C)CGI Pal            #
#   設置の仕方とマニュアル          #
#                                   #
#####################################

特徴:すべてのページのデザインを自由に変えられます。
送る内容をすべて自由に設定することができます。

========================================================================================
◇ ファイルの説明
========================================================================================

form.html(入力フォームを記入したHTML)
check.html(確認画面のスキン)
thanks.html(終了画面のHTML)
error.html(エラー画面のHTML)
style.css(スタイルシート)
mail.cgi(CGIスクリプト)

========================================================================================
◇ カスタマイズ
========================================================================================

■form.htmlについて

1. 入力フォームは、すべて
<form name="f" method="POST" action="mail.cgi" onsubmit="return Check()">
<input type="hidden" name="mode" value="check">
<input type="hidden" name="require" value="お名前,メール">
・
・
・
</form>

内に記入すること。

2. 各入力フォームを作ります。

<input type="text" name="お名前">
<input type="text" name="メール">
<textarea name="要望など">
のようにname="***"の***のところに記入した文字が確認画面やメールに

お名前 ○○○
メール ○○○
要望など ○○○

のように表示されます。(○○○は入力したデータ)

入力項目のうち、
名前とタイトルとメールはメール送信のとき必要であり、
プログラムがわかるように指定しなければなりません。

名前、タイトル、メールを入力するフォームが
<input type="text" name="お名前">
<input type="text" name="タイトル">
<input type="text" name="メール">
となっている場合、

form.htmlにname="for_***"と並んでいるところがあるので、
name="***"の***の部分をvalue=""のところにつぎのように記入します。

<input type="hidden" name="for_name" value="お名前">
<input type="hidden" name="for_title" value="タイトル">
<input type="hidden" name="for_email" value="メール">

タイトルを固定する場合は、タイトルのフォームは作らずに、mail.cgiの設定で、
$mailsub=""に
$mailsub="フォームメールより";
のように記入します。

あとの入力項目は、name="***"に自由に項目を設定できます。
(例)<input type="text" name="ひとこと">

入力必須の項目を設定するときは、
<input type="hidden" name="require" value="お名前,メール,要望など">
にフォームのname="***"の***の部分を,で区切って並べます。
チェックボックスやラジオボタンの項目も設定できます。
それから、
その入力フォームの後に
<div name="e_***" class="e"></div>
のようなタグを記入します。

チェックボックスのように同じ項目名が並ぶときは、
自動的に値をまとめて半角スペースで区切ります。

(例)
<input type="checkbox" name="同盟" value="ねこ">
<input type="checkbox" name="同盟" value="いぬ">
<input type="checkbox" name="同盟" value="くま">
チェックをいれると、
同盟 ねこ いぬ くま
と表示されます。

月日のようにまとめたい項目がある場合は、
<select name="誕生日">
<option value="1950年">1950</option>
<option value="1951年">1951</option>
<option value="1952年">1952</option>
・
・
</select>年
<select name="誕生日">
<option value="1月">1</option>
<option value="2月">2</option>
・
・
</select>月
<select name="誕生日">
<option value="1日">1</option>
<option value="2日">2</option>
・
・
</select>日

とすると、

誕生日 1950年 1月 1日

のように表示されます。


■check.htmlについて

<!--start-->と<!--end-->の間が、入力された個数だけ
繰り返されます。

<!--name-->は"同盟"などに変換され、
<!--value-->は"くま"などに変換されます。

========================================================================================
◇ 設置の仕方
========================================================================================

mail.cgiをテキストエディタで開いてメールアドレスなど必要な設定項目を変更してください。

解凍してできたmailフォルダをそのまま転送します。

 []内はパーミッション(記入していないものは設定の必要なし)

public_html/
           |-- index.html(サイトのトップページ)
           +-- mail/
                   |-- mail.cgi [700]
                   |-- form.html
                   |-- check.html
                   |-- error.html
                   |-- thanks.html
                   +-- style.css


<a href="mail/form.htm">メール</a>などとリンクして、
リンクをクリックすると
フォームが表示されますので、入力して送信してメールが届くと設置完了です。

========================================================================================
◇ 著作権表示について
========================================================================================

form.htmlの
<!--http://cgipal.com-->
ここのところが著作権表示になりますので、
この部分は削除してはいけません。
