お問い合わせフォーム確認テスト2

thanks.php

<?php
session_start();
 $name = htmlspecialchars($_SESSION['name'],ENT_QUOTES);
 $email = htmlspecialchars($_SESSION['email'],ENT_QUOTES);
 $message = htmlspecialchars($_SESSION['message'],ENT_QUOTES);
?>

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>お問い合わせありがとうございました</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/modernizr.min.js"></script>
<![endif]-->
<style>
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section{display:block}
</style>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="wrapper">
<h1>ありがとうございました</h1>
<p>お問い合わせ内容の確認メールを送信しました。</p>

<?php
 $dsn = 'mysql:dbname=データベース名;host=サーバー名';
 $user = 'ID';
 $password = 'パスワード';
 $dbh = new PDO($dsn, $user, $password);
 $dbh -> query('SET NAMES UTF8');
 print $name.'様<br>'."\n";
 print 'お問い合わせありがとうございました<br>'."\n";
 print 'お問い合わせ内容『'.$message.'』を<br>'."\n";
 print $email.'にメールで送りましたのでご確認ください'."\n";

$mail_sub = 'お問い合わせを受け付けました';
$mail_body = $name.'様ご協力ありがとうございました。';
$mail_head = 'From:メールアドレス';
mb_language('japanese');
mb_internal_encoding('UTF-8');
mb_send_mail($email,$mail_sub,$mail_body,$mail_head);

$sql = 'INSERT INTO テーブル名(name,email,message) VALUES("'.$name.'","'.$email.'","'.$message.'")';
$stmt = $dbh -> prepare($sql);
$stmt -> execute();

$dbh = null;
?>
</div>
</body>
</html>

データベース名、ホスト、ID、パスワード、メールアドレスは書き換える。

CSS

@charset "utf-8";

body {
  margin: 20px;
  padding: 0;
}
table {
  border-collapse: collapse;
  border: 1px solid #333;
}
tr,th,td {
  border: 1px solid #333;
}
th {
  width: 150px;
  text-align: right;
  font-weight: bold;
  }
td {
  width: 400px;
}
.red {
  color: #930;
}
.button {
  text-align: center;
}
.wrapper {
  width: 600px;
}
#list th{
  text-align: center;
}

完成はこちら
http://portfolio.tank.jp/form02/