●カスタムＨＴＭＬの記述ルール（サンプルを参考に）
- フォームメールプロではHTMLファイルの漢字コードをシフトJISで記述してください。
- リンクタグ、イメージタグ <img src=""> <a href=""> など他のページ、画像にリンクしたり参照するパスは確認用HTMLファイルが存在するディレクトリからの相対パスで記述すればドキュメントルート / からのパスに自動補正します。
自動補正を行いたくない場合は設定プログラムファイル formmail_set.pl の $auto_sw=1; を $auto_sw=0; に変更してください。
HTMLの記述の仕方やスクリプトを含む特殊なタグを使っているとうまく補正できない場合があります。
その場合は、以下の方法で回避してください。
- CGIプログラムが存在する実行パスからの相対パスか、ドキュメントルート / から記述して下さい。
もしも相対パス、ドキュメントルート / からのパスがわからない時は http:// から始まる絶対パスで記述してください。
- 【推奨】確認用HTMLファイルの<head>〜</head>の間に<base href="">を記述してリンクの基準となるURLを指定します。
例えば、<base href="http://www.xxx.co.jp/test/">と指定するとこの確認用HTMLファイルに書かれている相対パスはhttp://www.xxx.co.jp/test/を基準として参照されます。
HTMLソースに同一ページ内へのリンクが記述されている場合はうまくリンクできませんので注意して下さい。
- 確認用は<form method=post value=""> 表示項目〜 submit ボタン </form> で構成します。
- カスタムHTMLファイル内で使用できる置換、特殊タグ
項目名はオプションを省いたものを使います。例：お名前(ch) --＞お名前
<!--{項目名}B--> 項目名の入力値に置き換わります。(Bを付けると入力値がブランクの場合に <br> に置き換わります、tableを使用している場合に罫線が表示されない対策に有効です）
<!--E{項目名}B--> 入力値にエラーがあった場合にエラー内容に置き換わります。（エラー用に使用します。Bを付けるとエラーが無かった場合に <br> に置き換わります、tableを使用している場合に罫線が表示されない対策に有効です）
<!--print_button--> 初期設定で確認画面を「印刷」に設定した時に、印刷ボタンに置き換わります。
<!--start--> 確認画面を送信しないときに<form method=post value=""> 〜の代わりに記述します。
確認用の例：
<html>
<head><title>確認画面</title></head>
<body bgcolor=#FFFFFF>
<form method=post value="">
<center><table border=1 cellpadding=2 cellspacing=0 style="font-size:13px"><tr bgcolor=#FFFFCE><th>項目名</th><th>入力（選択）内容</th></tr>
<tr><td bgcolor=#FFFFCE>お名前</td><td><!--{お名前}B--></td></tr>
<tr><td bgcolor=#FFFFCE>ご住所</td><td><!--{ご住所}B--></td></tr>
<tr><td bgcolor=#FFFFCE>メールアドレス</td><td><!--{メールアドレス}B--></td></tr>
</table>
<br><!--print_button--> <input type=button name=#_send value="送信">
</form></body></html>
エラー用の例：
<html>
<head><title>エラー画面</title></head>
<body bgcolor=#FFFFFF>
<form method=post value="">
<center><table border=1 cellpadding=2 cellspacing=0 style="font-size:13px"><tr bgcolor=#FFFFCE><th>項目名</th><th>入力（選択）内容</th><th>エラー内容</th></tr>
<tr><td bgcolor=#FFFFCE>お名前</td><td><!--{お名前}B--></td><td><!--E{お名前}B--></td></tr>
<tr><td bgcolor=#FFFFCE>ご住所</td><td><!--{ご住所}B--></td><td><!--E{ご住所}B--></td></tr>
<tr><td bgcolor=#FFFFCE>メールアドレス</td><td><!--{メールアドレス}B--></td><td><!--E{メールアドレス}B--></td></tr>
</table>
<br><input type=button name=#_can value="入力画面に戻る" onClick="javascript:history.go(-1)">
</form></body></html>
- テキストエディターで独自に作成されたカスタムHTMLファイルは使用するフォームディレクトリの下の _checkhtml ディレクトリにアップロードして下さい。
|
