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です。