【Responsive Mailform】無料のPHPお問合せ合わせフォームテンプレート「レスポンシブ メールフォーム」の使い方

mailform-v8.0.1
  ┃
  ┣━━ addon/
  ┃
  ┣━━ css/
  ┃     ┣━━ jquery.datetimepicker.css
  ┃     ┣━━ mailform.css
  ┃     ┣━━ reset.css
  ┃     ┗━━ thanks.css
  ┃
  ┣━━ js/
  ┃     ┣━━ ajaxzip3.js
  ┃     ┣━━ class.mailform-js.php
  ┃     ┣━━ jquery.autoKana.js
  ┃     ┣━━ jquery.datetimepicker.js
  ┃     ┗━━ mailform-js.php
  ┃
  ┣━━ php/
  ┃     ┣━━ class.mailform.php
  ┃     ┣━━ config.php
  ┃     ┗━━ mailform.php
  ┃     ┗━━ version.php
  ┃
  ┣━━ index.html (フォームのページ)
  ┃
  ┗━━ thanks.html (サンクスページ)

mailform-v8.0.1
  ┗━ php/
        ┗━━ config.php

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

// 利用しているドメイン
https://fukulog.net/

// ○ 利用しているドメインと同じメールアドレス
info@fukulog.net

// × 利用しているドメインと違うメールアドレス
info@gmail.com

/* -- 以下、自分に届くメールの設定 ------------------------------------------------------------------------------------------------------------------------------------- */

//【任意】 自分に届くメールの題名
$rm_send_subject = 'メールフォームからお問い合わせがありました。';


//【任意】 自分に届くメールの本文 -- EOMからEOM;までの間の文章を自由に変更してください。 --
$rm_send_body = <<<EOM

メールフォームからお問い合わせがありました。
お問い合わせの内容は以下の通りです。

EOM;

/* -- 以下、相手への自動返信メールの設定 ------------------------------------------------------------------------------------------------------------------------------- */


//【任意】 相手に自動返信メールを送るかどうか -- 送らない場合は0、送る場合は1にしてください。 --
$rm_reply_mail = 1;


//【だいたい必須】 メールの差出人名に表示される自分の名前 -- 相手への自動返信メールに使用されます --
$rm_send_name = 'レスポンシブメールフォーム　差出人';


//【任意】 相手に届く自動返信メールの題名
$rm_thanks_subject = 'お問い合わせありがとうございました。';


//【任意】 相手に届く自動返信メールの本文 -- EOMからEOM;までの間の文章を自由に変更してください。 --
$rm_thanks_body  = <<<EOM

この度はお問い合わせをいただき、ありがとうございました。
折り返し担当者から返信が行きますので、しばらくお待ちください。
以下の内容でお問い合わせをお受けいたしました。

EOM;


//【だいたい必須】 相手に届く自動返信メールの最後に付加される署名 -- EOMからEOM;までの間の文章を自由に変更してください。 --
$rm_thanks_body_signature = <<<EOM

この度はお問い合わせを頂き、重ねてお礼申し上げます。
-----------------------------------------------------------------------------------

　　レスポンシブメールフォーム
　　〒100-0001 ここに住所など
　　090-111-2222
　　https://www.1-firststep.com

-----------------------------------------------------------------------------------

EOM;

<!-- 
ここから削除
<dl>
  <dt><i></i>会社名</dt>
  <dd><input type="text" name="company" value="" /></dd>
</dl>
ここまで削除
-->

<dl>
  <dt><i></i>名前</dt>
  <dd class="required"><input type="text" name="name_1" value="" /> <input type="text" name="name_2" value="" /></dd>
</dl>

<dl>
  <dt><i></i>ふりがな</dt>
  <dd><input type="text" name="read_1" value="" /> <input type="text" name="read_2" value="" /></dd>
</dl>

<!-- 修正前 -->
<dl>
  <dt><i></i>名前</dt>
  <dd class="required"><input type="text" name="name_1" value="" /> <input type="text" name="name_2" value="" /></dd>
</dl>

<!-- 修正後 -->
<dl>
  <dt><i></i>お名前</dt>
  <dd class="required"><input type="text" name="name_1" value="" /> <input type="text" name="name_2" value="" /></dd>
</dl>

<!-- 必須（dd要素に「required」クラスが付いてる） -->
<dl>
  <dt><i></i>会社名</dt>
  <dd class="required"><input type="text" name="company" value="" /></dd>
</dl>

<!-- 任意（dd要素に「required」クラスが付いてない） -->
<dl>
  <dt><i></i>会社名</dt>
  <dd><input type="text" name="company" value="" /></dd>
</dl>

<!-- テキストボックス -->
<dl>
  <dt><i></i>役職</dt>
  <dd><input type="text" name="position" value="" /></dd>
</dl>

<!-- プルダウン -->
<dl>
  <dt><i></i>お問合せ内容</dt>
  <dd>
    <select name="product">
      <option value="">選択してください</option>
      <option value="採用について">採用について</option>
      <option value="見積もり">見積もり</option>
      <option value="資料請求">資料請求</option>
      <option value="その他">その他</option>
    </select>
  </dd>
</dl>

<!-- テキストエリア -->
<dl>
  <dt><i></i>アピールポイント</dt>
  <dd><textarea name="appeal" cols="40" rows="5"></textarea></dd>
</dl>

<!-- ラジオボタン -->
<dl>
  <dt><i></i>好きな色</dt>
  <dd>
    <ul>
      <li><label><input type="radio" name="like_color" value="赤" />赤</label></li>
      <li><label><input type="radio" name="like_color" value="青" />青</label></li>
      <li><label><input type="radio" name="like_color" value="黄色" />黄色</label></li>
      <li><label><input type="radio" name="like_color" value="緑" />緑</label></li>
    </ul>
  </dd>
</dl>

<!-- チェックボックス -->
<dl>
  <dt><i></i>使用しているパソコン</dt>
  <dd>
    <ul>
      <li><label><input type="checkbox" name="computer[]" value="windows" />windows</label></li>
      <li><label><input type="checkbox" name="computer[]" value="Mac" />Mac</label></li>
      <li><label><input type="checkbox" name="computer[]" value="その他" />その他</label></li>
    </ul>
  </dd>
</dl>

mailform-v8.0.1
/addon（公式の拡張機能を利用する場合に必要なフォルダ）
/css/jquery.datetimepicker.css（ご希望の日時のカレンダーのCSS）
/css/mailform.css（index.htmlのCSS）
/css/reset.css（index.html thanks.htmlのリセットCSS）
/css/thanks.css（thanks.htmlのCSS）
/js/ajaxzip3.js（郵便番号から住所を自動入力するJSライブラリ）
/js/jquery.autoKana.js（ふりがな自動入力jsライブラリ）
/js/jquery.datetimepicker.js（ご希望の日時選択のjsライブラリ）

<form action="php/mailform.php" method="post" id="mail_form">

<script src="js/mailform-js.php"></script>

$rm_thanks_page_url = 'thanks.html';

<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/mailform.css" />
<link rel="stylesheet" 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>