【PHP入門】メールフォームを作成する方法をわかりやすく解説！

2024年3月29日

ノムラ

こんにちは！エンジニアのノムラです。

突然ですが、HTMLに少しPHPを書くことでメールフォームが簡単に作成できることを知っていますか？この記事では、

【基礎】フォームとは？
【基礎】メールフォームの作り方
【応用】GETとPOSTどっちを使うべき？
【応用】セキュリティ対策をしよう

といった流れで解説していきたいと思います。WEBサービスで、入力フォームの作成は必ず必要になると思うので、しっかりマスターしましょう！

フォームとは？

wikipediaでは以下のように記載されております。

入力フォームは、Webプログラミングの技術の1つ。
クライアントが情報を入力・選択し、Webサーバ等のフォームを処理するエージェントへ提出するための機構である。

引用元：Wikipedia

つまり、ユーザが入力した情報をWEBサーバ経由でサイト管理人に送ることができる仕組みですね。フォームを使って以下のような機能を作ることができます。

アンケート調査
お問い合わせ
出欠確認

etc…

PHPでフォームを作る場合は、基本的に以下の流れで作成します。

フォーム作成の流れ

画像：フォーム作成の流れ

フォームを作るというざっくりとした認識から、上記のように作業を明確化することで作りやすくなりますね。では、具体的な方法について以下でご説明いたします！

メールフォームを作成してみよう

フォームとは何なのかがわかったところで、実際にフォームの作成を行ってみましょう。今回はメールフォームを作ってみたいと思います。WEBサイトのお問い合わせなどでみたことがあるかと思います。

① 【HTML】フォームの部品を用意する

実際にお問い合わせフォームを作成していきたいと思います。お問い合わせフォームを作成するにあたり、まずはHTMLでテキストボックスやボタンなどの部品を用意します。項目には、【名前】、【メールアドレス】、【お問合せ内容】をサンプルとして用意しました。

以下をコピーし、メモ帳などに張り付けてregist.htmlという名前で保存してください。

【HTML】

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>sample</title>
    </head>
    <body>
        <form action="confirmation.php" method="post">
            名前：<br />
            <input type="text" name="name" size="50" value="" /><br />

            メールアドレス：<br />
            <input type="text" name="mail" size="50" value="" /><br />

            問合せ内容：<br />
            <textarea name="inquiry" cols="50" rows="5"></textarea><br />

            <br />

            <input type="submit" value="送信" />
        </form>
    </body>
</html>

画像：画面イメージ

② 【PHP】ボタンクリック時にフォームを送信する

次に、HTMLの送信ボタンを押したときの処理を作ります。今回は、送信ボタンクリック時に問い合わせ内容を確認する画面を用意し、確認画面でOKボタンを押すことでメールが送信されるサンプルにしたいと思います。

確認画面の作り方

HTMLではテキストボックスをそれぞれ以下のname属性で用意しています。

名前　　　　　：name
メールアドレス：mail
問合せ内容　　：inquiry

確認画面では、上記の三つの値を表示するソースを書く必要があります。以下をコピーし、メモ帳に張り付けてconfirmation.phpという名前で保存してください。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sample</title>
</head>

<body>

<h2>問合せ内容</h2>    

<form action="mailto.php" method="post">

<table border="1">
<tr>
<td>名前</td>
<td><?php echo $_POST["name"]; ?></td>
</tr>
<tr>
<td>メールアドレス</td>
<td><?php echo $_POST["mail"]; ?></td>
</tr>
<tr>
<td>問い合わせ内容</td>
<td><?php echo $_POST["inquiry"]; ?></td>
</tr>
</table>

<input type="submit" value="送信" />
</form>

</body>
    
</html>

画像：画面イメージ

メール送信処理について

上記送信ボタンクリック後は、 mailto.phpの処理が実行されます。そのためメール送信用のソースを、mailto.phpに書くことで、メールを送信することができます。フォームからメールを送信する具体的な方法については、以下の記事で詳しく解説しています！

ぜひ参考にしていただき、メール送信をしてみましょう！

【PHP入門】メールを送信する方法(mail/mb_send_mail)

更新日：2024年3月29日

③ 【PHP】完了画面を表示する

最後に、処理が完了したことを伝えるための完了画面を表示したいと思います。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sample</title>
</head>

<body>

<h2>メール送信完了</h2>    

<p class="message">
お問い合わせありがとうございます。1営業日以内にご返信させていただきます。<br>
自動返信メールをお送りしておりますのでご確認ください。<br>
1時間たっても届かない場合はお手数ですがこちらからご連絡ください。
</p>
</body>
    
</html>