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

特徴:簡単なアンケートCGIです。
中身はMailとほとんど同じです。

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

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

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

■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="radio" name="性別" value="男性">男性 
<input type="radio" name="性別" value="女性">女性

<input type="radio" name="このサイトの感想" value="良い">良い 
<input type="radio" name="このサイトの感想" value="悪い">悪い 
<input type="radio" name="このサイトの感想" value="どちらでもない">
のように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-->は"良い"などに変換されます。

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

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

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

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

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


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

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

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

