トップページ
プログラムのダウンロード
簡単設置スマホ対応レスポンシブメールフォームの無料ダウンロード

簡単設置スマホ対応レスポンシブメールフォームの無料ダウンロード

公開日 : 2014年3月28日
最終更新日 : 2018年6月20日

とても簡単に設置できるメールフォーム(Responsive Mailform)を無料でダウンロードできます。
制作する上での基本思想は、

入力する人がストレスを感じることなく快適に入力～送信までできること。
なるべく簡単に設置でき、正常にメール送信がされること。(標準状態で)
既存のページに組み込みやすいこと。
デザインの変更などがしやすいこと。

となっております。上のものほど優先度が高いものになります。
上記1と2を特に重視している関係上で、メール本文欄のカスタマイズは難しいかもしれません。

現在の最新バージョンは2018年6月9日公開の6.2です。
更新履歴はこのページの一番下にあります。

機能や特長

PHPとJavaScript(jQuery)でできており、既存のページにも組み込みやすいようにできています。
主な特徴は以下のとおり。

HTMLファイルに組み込める。
WordPress内でも使えちゃう。
(通常版バージョン3.0以降からは他のスクリプトとの競合が起きにくいようカプセル化したので安定。このサイトのお問い合わせページでは通常版を使用しています)
自動返信メール機能。
ページの移動なしで必須項目の入力チェック。
入力必須項目はHTMLファイル内にclass=”required”を追加するだけでOK。
ふりがな自動入力機能。
郵便番号から住所を自動入力機能。
日時指定には入力補助のためにカレンダー表示。
送信決定時にはアラートウインドウで誤送信を防止。
フォーム送信後にブラウザの「戻る」や「進む」ボタンで送信完了後のページとを行き来しても、再送信されない仕様。
美しいHTML。W3C準拠。HTML5文法エラーなし。
デザインはすべてCSSで設定。自由に変更可能。
著作権表示不要。
カスタマイズ自由。
レスポンシブでスマホやタブレットに対応。(バージョン1.1以降)
リファラ(ドメイン)チェックによるスパム対策機能実装。(バージョン2.0以降)
入力エラーがあった場合にはその項目まで自動でスクロールして戻る機能。(バージョン2.0以降)
送信者のIPアドレスとホスト名を取得。(バージョン2.1以降)
送信者のブラウザ、メールフォームのURL、メールフォームに付く前のURLを取得。(バージョン2.2以降)
送信前の入力チェックが動作していない場合に送信されない機能追加(スパム対策)。(バージョン2.2以降)
お問い合わせ本文欄の入力時間を計測する機能。(バージョン3.0以降)
送信する前に入力内容を確認する画面をアドオンで追加可能。
標準装備のアラートウインドウ方式と選択できるようになります。(バージョン4.0以降)
入力内容確認アドオンについての詳細はこちら。
項目を増やすことが可能になりました。(バージョン5.0以降)
添付ファイル機能をアドオンで追加可能(バージョン5.1以降)
添付ファイル機能アドオンについての詳細はこちら。
CcやBccを設定できる機能をアドオンで追加可能。(バージョン5.3以降)
カーボンコピー(Cc・Bcc)アドオンについての詳細はこちら。
フォーム入力者に届く自動返信メールの冒頭に、入力された名前と会社名を表示できる機能をアドオンで追加可能。(バージョン6.0以降)
自動返信メール宛名アドオンについての詳細はこちら。
指定したIPや禁止ワードを含んだ送信を拒否できる機能をアドオンで追加可能。(バージョン6.0以降)
IP・ワードブロックアドオンについての詳細はこちら。
CSVファイルとして記録できる機能をアドオンで追加可能。(バージョン6.0以降)
CSV記録アドオンについての詳細はこちら。
CSRF(クロスサイト・リクエストフォージェリ)対策としてトークン機能をアドオンで追加可能。(バージョン6.1以降)
トークンアドオンについての詳細はこちら。

サンプルデモとダウンロード

レスポンシブメールフォームのサンプル
これはサンプルなので自由に送信しても問題ありません。送信完了ページや自動返信メールの書式の確認などにどうぞ。
入力したメールアドレスは収集しておりませんので、迷惑メールが来る原因にはなりません。

レスポンシブメールフォームのダウンロード
最新バージョン(6.2)がダウンロードできます。
過去バージョン(5.4～6.1.1)をお求めの方は、このページ最下部の「アップデート履歴」からダウンロードできます。

【過去バージョンを公開している理由】
機能面や完成度は5.2～最新版までほとんど変わっていませんが、アドオン(追加機能)が古いバージョンの場合はメールフォーム本体側も古いバージョンじゃないと正常動作しないケースがあるので、それらのバージョンだけは現在でもダウンロードできるようにしています。

ですので、過去バージョンのアドオンをすでにお持ちの方以外は最新版を使用するほうが無難です。

また、過去にアドオンを購入された方からご要望があれば、新しいバージョンのアドオンファイル一式をお送りいたしますので、お問い合わせページからお求めください。
その際には現在お持ちのアドオンファイル一式をメール添付にて私にお送りいただくことで、過去に購入したことの証明とさせていだきます。

使い方の説明(基本設置方法)

メールフォームを設置する人が最低限設定する必要があるファイルはconfig.phpの1ファイルだけとなります。

注意点：以下、ファイル保存の際は必ず文字コード設定を「UTF-8 BOMなし(UTF-8N)」で保存してください。
そのやり方については「文字コードをUTF-8 BOMなし(UTF-8N)でファイル保存をする方法」を参考にしてみてください。

0、当然ですが、PHPが動くサーバーが必須です。

PHPが動くサーバであるか確認しましょう。
サーバ側の設定でWAF設定がオンになっていたりすると、動作できませんのでご注意ください。(ロリポップは特に注意)

1、レスポンシブメールフォームをダウンロードし、解凍する。

「解凍」と言う人は古いそうです。
ナウい言い方だと「展開」です。

2、フォルダごとアップロードする。

mailform-v6.0のフォルダの名称は自由に変更しても動作に問題ありません。
その中にあるaddonやcss、phpなどのフォルダ名は変更不可です。
初期状態のように各フォルダを並列にそのまま設置してください。

3、config.phpファイルの8行目で自分のメールアドレスを記入する。

//【必須】 自分のメールアドレスの設定 -- 複数のメールアドレスに送信したい場合は、以下の行をコピーして増やしていけばOKです。いくつでも追加可能。 --
$rm_send_address[] = 'aaa@example.co.jp';

以上です。
設置方法の詳細は以下のページをご覧ください。

既存のページに組み込む場合

以下の作業では相対URLではなく絶対URLにしておくと楽かもしれません。

7、config.phpの16行目にある「サンクスページのURL」を、フォームを設置するページからのディレクトリに合わせて変更する。

//【必須】 サンクスページのURL -- index.htmlからの相対パス、またはhttp://からの絶対パス --
$rm_thanks_page_url = 'ここを変更';

8、index.htmlからリンクしているcssファイルやJavaScriptファイルのパスを設置するディレクトリに合わせて変更する。

<link rel="stylesheet" type="text/css" href="ここを変更/css/import.css" />
<link rel="stylesheet" type="text/css" href="ここを変更/css/mailform.css" />
<link rel="stylesheet" type="text/css" href="ここを変更/css/jquery.datetimepicker.css" />

<script src="ここを変更/js/mailform-js.php"></script>
<script src="ここを変更/js/jquery.autoKana.js"></script>
<script src="ここを変更/js/ajaxzip3.js"></script>
<script src="ここを変更/js/jquery.datetimepicker.js"></script>

9、index.html内のform要素のaction属性値を設置するディレクトリに合わせて変更する。

<form action="ここを変更">

以上です。
送信テストをしてみましょう。

使用している外部ライブラリ

コーディング

jQuery：jquery.min.js: https://jquery.com/
ふりがな自動入力：jquery.autoKana.js: https://github.com/harisenbon/autokana
郵便番号から住所自動入力：ajaxzip3.js: https://github.com/ajaxzip3/ajaxzip3.github.io
日時選択カレンダー：jquery.datetimepicker.js: http://xdsoft.net/jqplugins/datetimepicker/

それ以外のファイルは私が制作しています。各ファイルの関連性を示した相関図はこちら。

ちなみに、上記の外部ライブラリはあくまでもフォーム入力者の負担軽減のために組み込んでいるだけなので、なくてもメールフォームの動作上は問題ありません。(jquery.min.jsだけは必須です)
不要な場合は各ファイルを削除してもOKとなります。

注意点

本プログラムの使用においていかなる損害が発生したとしても、当方は責任を負いません。
了承していただける方のみご利用ください。
著作権は放棄していませんが、著作権表示などは必要ありません。

ダウンロードできるのはこのページだけにしたいため、再配布や無断での販売だけは禁止いたします。
それ以外であれば、カスタマイズして自分のお店サイトやクライアントの企業サイトなどに使用するのも自由です。

設置の代行は10,000円(1つにつき・税込税抜)でお引き受けしています。
制作者である私自身の手によって、100％確実に正常動作する状態で納品しますので、お急ぎの方にはおすすめです。
メールフォームの設置代行サービスについて

カスタマイズの依頼に関しては求める仕様によって料金が変わります。お問い合わせページからご相談ください。

アップデートについて

このメールフォームプログラムは新バージョンを制作する際、過去バージョンとの互換性は考慮していません。

その理由としては、過去バージョンとの互換性を維持しようとすると、それだけコードの量も増えてしまうからという理由からです。
コードの量が増えるということは、それだけ想定外のバグ(不具合)が発生する可能性も上がりますし、そのバグチェックだけで相当な労力を割かねばならなくなってしまうからです。(アップデート作業をする気が起きなくなります)

ですので、すでに設置してある過去バージョンを新バージョンに変更したい場合は、すべてのファイルを差し替える前提でお願いいたします。

新バージョンの開発の際には、プログラムの完成度を高めるためならJavaScriptファイルやPHPファイルだけでなく、場合によってはHTMLファイルのほうまで変更が行われることもあります。
極端な話、すべて白紙の状態から作り直す可能性もあります。

サポートに関して

サポート者
無料のものですから、基本的にはサポートはありません。
しかし、初期状態での設置に関しては、サポートBBSにて対応しております。

※ 初期状態とは、ダウンロードしたままの状態、またはconfig.phpだけを編集した状態のことを指します。
それ以外のファイルが編集されていたり、既存サイトに組み込んだ場合などのお問い合わせは有償となります。

「レスポンシブメールフォームの正しい設置手順」のページを参考にして設置すると、上手くいく可能性が高まるでしょう。
また、基本的なカスタマイズに関しては以下のページで解説しています。

ご質問や設置代行依頼はサポートBBS、またはお問い合わせページからご連絡ください。

有償メールサポートと設置代行サービスについて

無償サポートの範囲外に関するものは、有償メールサポートや設置代行サービスがありますので、お問い合わせページからご相談ください。

追加アドオン(追加機能)について

このメールフォームは、

簡単に設置できる。(設定すべき項目が少ない)
スパムメールが来ない。
常に安定して動作する。(不具合がない)

といった面を特に重視して開発しているので、あってもなくてもどっちでもいい機能は「アドオン」という形で後から追加できるようにしています。
不要な機能を入れなければコード量が少なくなるので、そのぶん動作は軽く、不具合が起きる可能性も減り、設定すべき項目も減るというメリットがあります。

アドオンを追加することで、以下の機能を使用することができるようになります。
必要な方は導入をご検討ください。
すべて併用することが可能ですので、必要な機能だけを組み合わせて使うことができます。

送信前に入力内容を表示するアドオン: https://www.1-firststep.com/archives/3047
添付ファイル機能アドオン: https://www.1-firststep.com/archives/2868
カーボンコピー(Cc・Bcc)アドオン: https://www.1-firststep.com/archives/3628
自動返信メール宛名アドオン: https://www.1-firststep.com/archives/4153
IP・ワードブロックアドオン: https://www.1-firststep.com/archives/4155
CSV記録アドオン: https://www.1-firststep.com/archives/4151
トークン機能を追加するアドオン (無料): https://www.1-firststep.com/archives/4922

アップデート履歴

2014/03/28　バージョン1.0

公開

2015/04/27　バージョン1.1

レスポンシブでスマホやタブレットに対応。

2015/06/09　バージョン1.2

半角カナを入力した際に文字化けする問題を修正。

2015/06/10　バージョン1.3

ご希望の日時・ご希望の商品の選択肢を追加。
HTML出力するわけでもないのに無意味に存在していたhtmlspecialchars処理を削除。
半角や全角の変換処理を少し追加。
郵便番号から住所自動入力ライブラリがGoogle CodeからGithubに移行したことで機能しなくなっていた問題を修正。

2015/11/27　バージョン1.3.1

送信者に届く自動返信メールのFromが送信者自身のメールアドレスになってしまう不具合を修正。
適当に管理していたバージョン記述を統一。

2016/2/17　バージョン2.0

すべてのファイル内容を見直し、最適化。
不要な画像を削除。使用しているのはページ全体の背景画像のみです。
リファラチェックによるスパム対策機能追加。
入力エラーがあった場合にエラーの箇所までスクロールして戻る機能追加。
HTML側で各項目名を変更した場合に、エラー表示の項目名も自動でそれに合わせる機能追加。
class=”required”のある・なしで必須と任意を判別してラベルを自動表示する機能追加。
チェックボックスとラジオボタンの項目を自由に増やせるようにJavaScriptを修正。
詳細な解説ページを公開。

2016/3/31　バージョン2.1

JavaScriptの最適化。
自動返信メールのオン・オフ設定の追加。
configファイルを2つに分けることでmailform.phpファイルを編集する必要をなくしました。
フォーム入力中にEnterキーを押した際に送信確認ダイアログが出てこないように修正。
送信者のIPアドレスとホスト名を取得できる機能の追加。

2016/4/4　バージョン2.2

小さな不具合修正。
送信者のブラウザ、メールフォームのURL、メールフォームに付く前のURLを取得できる機能の追加。
送信前の入力チェックが動作していない場合に送信されない機能追加。(スパム対策) →解説ページはこちら
フリガナ自動入力ライブラリの変更。(既知の問題点1)

2016/7/6　バージョン2.3

既知の問題点3の「$_SERVER[‘REMOTE_HOST’]が使えないサーバーの場合、エラーが発生する」を修正しました。
mailform.cssの小さな修正。
「必須や任意のラベルの削除方法」や「各項目名の下にある英語表記の削除方法」の解説をメールフォームのデザイン変更やサイト組み込みの際のサイズの説明のページに追加。

2016/10/21　バージョン3.0