11
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

#メールフォームを作成する事の出来る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

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

パーミッションの設定

mfpパーミッション.png

以上

11
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?