phpを使ったメールフォームの作り方!

phpを使ったメールフォームの作り方をお探しですか?

phpとhtmlを使うことで、サイトやブログのメールフォームを作ることができます。

では、どんなやり方で、できるのでしょうか?

今回は phpを使ったメールフォームの作り方 についてわかりやすくご紹介します。

phpとhtmlのそれぞれの役割!

サイトやブログのメールフォームを作る上で必要になるのが、phpやhtmlです。

ただし、この2つはそれぞれ役割が異なります。

こちらでは、それぞれの役割について簡単にご紹介します。

❶htmlの役割

htmlの役割は、テキスト・画像・動画をウェブページに表示させることです。

それぞれをhtmlタグで囲むことで、ウェブページ上に反映させます。

❷phpの役割

phpの役割は、htmlで作られたウェブページに動きや働きをさせることです。

例えると、htmlで作ったページに、ボタンが設置されているとします。

ユーザーがそのボタンを押すことで、送信されたり、次の動きに進めてくれます。

なので、phpとhtmlはそれぞれ役割が異なります。

phpを使ったメールフォームの作り方の手順!

あなたはphpを使って、メールフォームを作ることができることはご存じでしょうか?

phpを使うことで、ウェブページに動きを作ることができます。

今回は、phpを使ったメールフォームの作り方の手順についてわかりやすくご紹介します。

①コーディングエディタの準備!

phpを使ったメールフォームの作り方の手順の1つ目が「コーディングエディタの準備」をすることです。

メールフォームを導入するには、コーディングエディタを準備してください。

コーディングエディタがないと、phpとhtmlを使ったメールフォームは作れません。

➁サーバーの準備!

phpを使ったメールフォームの作り方の手順の2つ目が「サーバーの準備」をすることです。

phpコードを動かすためには、コーディングエディタとサーバーが接続されてないと動かすことができません。

レンタルサーバー・無料サーバー・ローカルサーバー(自身のパソコン)のどれかと接続をしてください。

➂ファイルを作る

phpを使ったメールフォームの作り方の手順の3つ目が「ファイルを作る」ことです。

コーディングエディタを開き、左上の「ファイル」をクリックしてください。

❶「名前を付けて保存する」をクリックする

❷「メールフォーム.php」とファイル名を入力して保存する

❸フォルダは「メールフォーム.folder」にして保存する

以上で、メールフォームファイルの保存が完了です。

同じように、htmlファイルも保存してください。

必ず、コーディングした後は、ファイルの保存を行うようにしてください。

④htmlでのコーディング

phpを使ったメールフォームの作り方の手順の4つ目が「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>

プレビューで表示して確認してください。

本文が表示されればOKです。

⑤確認画面後の設定!

phpを使ったメールフォームの作り方の手順の5つ目が「確認画面後の設定」です。

送信ボタンを押した後の確認画面後の設定になります。

次のコードを入れて「保存」をしてください。

こちらは「.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>

プレビューで表示して確認してください。

確認画面が表示されればOKです。