ソースコード掲載：Lesson16「実践！メールフォームを作ってみよう！」

こちらでは、プログラミングを体系的に学ぶ事のできる「ウェブカツ!!」にて使用している
ソースコードを掲載しております。

1 index.php
2 mail.php

index.php

<?php

error_reporting(E_ALL); //全てのエラーを報告する
ini_set('display_errors','On'); //画面にエラーを表示させるか

//1.post送信されていた場合
if(!empty($_POST)){

  //本来は最初にバリデーションを行うが、今回は省略

  // A.変数にユーザー情報を代入
  $to = $_POST['email'];
  $subject = $_POST['subject'];
  $comment = $_POST['comment'];

  // B.メッセージ表示用の変数を用意
    $msg = '';

  // C.メール送信プログラム（外部のphpファイル）を読み込む
  include('mail.php');

}

?>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>ホームページのタイトル</title>
    <style>
        body{
            margin: 0 auto;
            padding: 150px;
            width: 25%;
            background: #fbfbfa;
        }
        h1{ color: #545454; font-size: 20px;}
        form{
            overflow: hidden;
        }
        input[type="text"]{
            color: #545454;
            height: 60px;
            width: 100%;
            padding: 5px 10px;
            font-size: 16px;
            display: block;
            margin-bottom: 10px;
            box-sizing: border-box;
        }
      input[type="password"]{
            color: #545454;
            height: 60px;
            width: 100%;
            padding: 5px 10px;
            font-size: 16px;
            display: block;
            margin-bottom: 10px;
            box-sizing: border-box;
        }
        input[type="submit"]{
            border: none;
            padding: 15px 30px;
            margin-bottom: 15px;
            background: #3d3938;
            color: white;
            float: right;
        }
        textarea{
            color: #545454;
            height: 200px;
            width: 100%;
            padding: 5px 10px;
            font-size: 16px;
            display: block;
            margin-bottom: 10px;
            box-sizing: border-box;
            border-color:#ddd;
        }
        input[type="submit"]:hover{
            background: #111;
            cursor: pointer;
        }
    </style>
  </head>
  <body>

        <p><?php if(!empty($msg)) echo $msg; ?></p>

        <h1>お問合せ</h1>
            <form method="post">

                <input type="text" name="email" placeholder="email" value="<?php if(!empty($_POST['email'])) echo $_POST['email'];?>">

                <input type="text" name="subject" placeholder="件名" value="<?php if(!empty($_POST['subject'])) echo $_POST['subject'];?>">

                <textarea name="comment" placeholder="内容"><?php if(!empty($_POST['comment'])) echo $_POST['comment'];?></textarea>

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

            </form>

  </body>
</html>

100

101

102

103

104

105

<?php

error_reporting(E_ALL); //全てのエラーを報告する

ini_set('display_errors','On'); //画面にエラーを表示させるか

//1.post送信されていた場合

if(!empty($_POST)){

//本来は最初にバリデーションを行うが、今回は省略

// A.変数にユーザー情報を代入

$to = $_POST['email'];

$subject = $_POST['subject'];

$comment = $_POST['comment'];

// B.メッセージ表示用の変数を用意

$msg = '';

// C.メール送信プログラム（外部のphpファイル）を読み込む

include('mail.php');

}

<!DOCTYPE html>

<html>

<head>

<title>ホームページのタイトル</title>

<style>

body{

margin: 0 auto;

padding: 150px;

width: 25%;

background: #fbfbfa;

}

h1{ color: #545454; font-size: 20px;}

form{

overflow: hidden;

}

input[type="text"]{

color: #545454;

height: 60px;

width: 100%;

padding: 5px 10px;

font-size: 16px;

display: block;

margin-bottom: 10px;

box-sizing: border-box;

}

input[type="password"]{

color: #545454;

height: 60px;

width: 100%;

padding: 5px 10px;

font-size: 16px;

display: block;

margin-bottom: 10px;

box-sizing: border-box;

}

input[type="submit"]{

border: none;

padding: 15px 30px;

margin-bottom: 15px;

background: #3d3938;

color: white;

float: right;

}

textarea{

color: #545454;

height: 200px;

width: 100%;

padding: 5px 10px;

font-size: 16px;

display: block;

margin-bottom: 10px;

box-sizing: border-box;

border-color:#ddd;

}

input[type="submit"]:hover{

background: #111;

cursor: pointer;

}

</style>

</head>

<body>

</form>

</body>

</html>

mail.php

<?php

// メール送信プログラム
//==============================

// 1.フォームが全て入力されていた場合
if(!empty($to) && !empty($subject) && !empty($comment)){
    
    //A.文字化けしないように設定（お決まりパターン）
    mb_language("Japanese"); //現在使っている言語を設定する
    mb_internal_encoding("UTF-8"); //内部の日本語をどうエンコーディング（機械が分かる言葉へ変換）するかを設定
    
    //B.メール送信準備
    $from = 'info@webukatu.com';
    
    //C.メールを送信（送信結果はtrueかfalseで返ってくる）
    $result = mb_send_mail($to, $subject, $comment, "From: ".$from);
    
    //D.送信結果を判定
    if ($result) {
        unset($_POST);
        $msg = 'メールが送信されました。';
    } else {
        $msg = 'メールの送信に失敗しました。';
    }
    
}else{
    
    $msg = '全て入力必須です。';
}

?>

<?php

// メール送信プログラム

//==============================

// 1.フォームが全て入力されていた場合

if(!empty($to) && !empty($subject) && !empty($comment)){

//A.文字化けしないように設定（お決まりパターン）

mb_language("Japanese"); //現在使っている言語を設定する

mb_internal_encoding("UTF-8"); //内部の日本語をどうエンコーディング（機械が分かる言葉へ変換）するかを設定

//B.メール送信準備

$from = 'info@webukatu.com';

//C.メールを送信（送信結果はtrueかfalseで返ってくる）

$result = mb_send_mail($to, $subject, $comment, "From: ".$from);

//D.送信結果を判定

if ($result) {

unset($_POST);

$msg = 'メールが送信されました。';

} else {

$msg = 'メールの送信に失敗しました。';

}

}else{

$msg = '全て入力必須です。';

}

ウェブカツは「年収1000万円」を目指すフリーランスITエンジニアを育成するオンライン最大級のプログラミングスクールとして、元医師やBIG4税理士法人会計士など高学歴高経歴な方から、中卒土方、40代主婦、海外在住者など様々な方が通われています。
現役ITエンジニアとして活躍し、富裕層でプロのファイナンシャルプランナーでもある顧問「かずきち」が教える【フリーランスITエンジニアになって10年で1億の資産を築く方法】など他のプログラミングスクールとは全く異なり、「転職をゴール」とはせずに「会社に依存せずに外で稼げる力」を身につけさせています。