2. 入力フォームをカスタマイズする
入力フォームなどを作成しましたが、これらは英語の見出しがついており、このままでは使うことができません。
見出しの日本語化、フィールドの追加などが可能です。次の手順に従ってください。
Email form generatorで作成したファイルを確認する
Email form generatorによって、次のようなファイルが設定されました。
form.html
mailtemp.txt
thankyou.html
form.html
実際にデータを入力するフォームです。このファイルを修正すると、フィールドを追加したり、見出しを日本語化したりできます。
mailtemp.txt
電子メールの送信元や送信先などを設定できます。また、フィールドの名前を、フォームにあるフィールド名に対応させて指定します。フィールド名は、フィールドの見出しとは異なります。
thankyou.html
ユーザーが電子メールを正常に送信できた場合、この確認ページが表示されます。実はこのhtmlファイルは自動的には「作成されません」 ユーザー自身でこのファイルを作成して、所定のディレクトリにアップロードしてください。
2. form.htmlをカスタマイズする
ご自分のルート・ディレクトリをアクセスすると、form.htmlファイルがアップロードされています。このファイルを、ダウンロードしてください。
このファイルは、普通のhtmlファイルです。フィールドの追加、プルダウン・メニューの設定、ラジオ・ボタンの利用など、様々な工夫で素晴らしい入力フォームが作成できるでしょう。これらの設定方法については、書店などで販売されているhtmlファイルの解説本などを参照してください。
ただし、このフォームの中で機能を制御している部分を変更する場合は、慎重に行うようにしてください。変更の後に入力フォームが機能しなくなる場合があります。それは、この部分に誤った値を指定してしまったからです。プログラムの制御部分を修正する場合には、前のファイルを念のためにバックアップしておくとよいでしょう。
<FORM METHOD="POST" ACTION="/cgi-bin/cgiemail/mailtemp.txt">
<INPUT NAME="success" TYPE="hidden" VALUE="http://www.あなたの名前.co.jp/thankyou.html">
/cgi-bin/cgiemail/mailtemp.txtの部分は「絶対に変更しないでください」
thankyou.htmlを保存するディレクトリを変更する場合、thankyou.html以外の名前を使いたい場合、http://www.あなたの名前.co.jp/thankyou.htmlの部分を変更してください。
また、各フィールドの名前は、英語で指定してください。これはプログラムが値を送受信する時にフィールドを識別するのに必要だからです。cgiの入門書などに詳しく説明されています。カスタマイズする場合には、予め学習しておくとよいでしょう。
以上の設定が終了したら、FTPによってform.htmlファイルをアップロードしてください。
3. mailtemp.txtをカスタマイズする
このファイルには、次のようなデータが保存されています。最初の1行目と2行目は、デフォルトの値として、あなたのドメインのwebmasterが指定されています。入力フォームに入力したデータを、別のメール・アドレスに転送したい場合には、"To:"の後に適切なメール・アドレスを指定してください。
入力フォームであるform.htmlで、入力フィールドを追加したり、フィールド名を変更したりした場合は、その変更に合わせて以下の[
]の内容を変更しましょう。form.htmlに指定したフィールド名と対応していないと、入力フォームは機能しなくなります。ご注意ください。
To: xxx@xxx.or.jp
From: xxx@xxx.or.jp
Subject: Information Request
[required-contact]
[company]
[required-address1]
[address2]
[required-city]
[required-state]
[required-zip]
[country]
[comments]
以上の設定が終了したら、FTPによってmailtemp.txtファイルをアップロードしてください。
4. thankyou.htmlを作成する
statsのEmail Form Generatorを実行すると、入力フォームなどが自動的に作成されました。しかし、thankyou.htmlは実は自動的には作成されません。このhtmlファイルの役割は、「入力フォームに指定されたユーザーの値は、正しく送信されました。ご入力ありがとうございました。」という旨のメッセージを表示するものです。
どのようなメッセージを表示するかはご自由です。入力フォームの内容に合わせて、メッセージを考えてみてください。
thankyou.htmlを作成したら、FTPによってアップロードしてください。