入力フォームを送信して確認画面を表示させよう
クレイズィーご注文フォームを作る
【PHP】（ファイル名任意）send.php
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>ご注文フォーム</h1>
<p>ご希望の商品と数量を入力してくだされ</p>
<!-- この下にフォームを追加 -->
<!-- actionは、送信ボタンを押したときに実行されるファイル -->
<form action="./syori.php" method="POST">
<label>品名</label>
<input type="text" name="hinmei">
<label>数量</label>
<input type="text" name="suuryou">
<input type="submit" value="確認する">
</form>
</body>
</html>
【ブラウザ】表示確認
※この時点で「確認する」ボタンを押すと、その後の処理について何もコーディングしていないので、以下の画面がでます。
または、コレ。
ご注文確認ページを作る
【PHP】syori.php ※send.phpのformタグのaction 部分に指定したファイル名と一致すること！
<?php
//POSTされてきたデータを取得する
//$_POST は「スーパーグローバル変数」。送信ボタンを押したら自動で作られる。
$hinmei = $_POST['hinmei'];
$suuryou = $_POST['suuryou'];
//正常にデータが届いているか、確認
var_dump($hinmei);
var_dump($suuryou);
?>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>ご注文確認</h1>
<p>品名：</p>
<p>数量：</p>
<p>こちらの情報でよろしいですか？</p>
<form action="./kanryo.php" method="POST">
<input type="submit" value="注文する">
</form>
</body>
</html>
【ブラウザ】表示確認
※この時点で、前ページから取得したデータと、注文確認のフォームが表示されればOK。（値はまだ設定してない）
入力→送信された値（変数）を表示する
（ここで必要なこと）
・上記画面の「品名」と「数量」に渡されてきたデータを表示させる。
・「注文する」のinputタグしかなく、ボタンを押した時にデータを渡せない。見えないinputタグを使う。
【PHP】
<?php
//POSTされてきたデータを取得する
//$_POST は「スーパーグローバル変数」。送信ボタンを押したら自動で作られる。
$hinmei = $_POST['hinmei'];
$suuryou = $_POST['suuryou'];
//正常にデータが届いているか、確認
var_dump($hinmei);
var_dump($suuryou);
?>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>ご注文確認</h1>
<p>品名：<?php echo $hinmei;?></p>
<p>数量：<?php echo $suuryou;?></p>
<p>こちらの内容でよろしいですか？</p>
<form action="./kanryo.php" method="POST">
<input type="hidden" name="hinmei" value="<?php echo $hinmei;?>">
<input type="hidden" name="suuryou" value="<?php echo $suuryou;?>">
<input type="submit" value="注文する">
</form>
</body>
</html>
【ブラウザ】表示確認
※inputタグのvalueにPOSTされたデータが入っているかは、ブラウザ画面でF12キーを押してディベロッパーツールで確認する。
注文完了画面を作る
【PHP】kanryou.php
<?php
//POSTされた値を取得する
$hinmei = $_POST['hinmei'];
$suuryou = $_POST['suuryou'];
?>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>ご注文完了</h1>
<p>品名：<?php echo $hinmei;?></p>
<p>数量：<?php echo $suuryou;?></p>
<p>以上、ご注文を承りました。</p>
</body>
</html>
【ブラウザ】表示確認
