メールフォームを作成できるmailformproの実装方法

メールフォームを作成する事の出来るmailformproの実装方法

以下のサイトからダウンロードできます。
メールフォームプロCGI - SYNCK GRAPHICA

head内の記述（cssの読み込み）

<link rel="stylesheet" href="mfp.statics/mailformpro.css" type="text/css" /> 

フォーム実装部分の記述

<form id="mailformpro" action="mailformpro/mailformpro.cgi" method="POST"> 

     <!-- フォームの内容 -->

     <button type="submit">確認画面へ進む</button>

</form>
<script src="mailformpro/mailformpro.cgi" id="mfpjs"></script>

その他の実装方法

• 必須項目
  　→FORM系タグ（input / textarea / select など）に 　　required="required"を付与 　

• 自動返信先となるメールアドレス
  　→メールアドレスを入力するinputタグのname属性を"email"に設定

• メールアドレス（確認用）
  　→確認用のメールアドレスを入力するinputタグのname属性を"confirm_email"に設定

• 確認画面カスタマイズ（CSSで出来る範囲）
  　formタグのすぐ上あたりに下記の記述を入れる

<div id="mfp_phase_confirm">
     <div id="mfp_phase_confirm_inner">
     </div>
</div>

mfp_phase_confirm_inner内に動的に生成される要素に対してスタイルを設定していけばカスタマイズできます。

Perlのパス

mailformpro.cgi の１行目の
#!/usr/bin/perl

サーバ業者によって違う為、変更が必要な場合があります。
ロリポップの場合はデフォルトのままで大丈夫。

パーミッションの設定

以上