#メールフォームを作成する事の出来る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 の1行目の
#!/usr/bin/perl
サーバ業者によって違う為、変更が必要な場合があります。
ロリポップの場合はデフォルトのままで大丈夫。
パーミッションの設定
以上