現在はprogateでHTML/CSSを一通り終えて簡単なPHPの部分を学習したので試しにお問い合わせフォームを作ってみることにいたしました。

作っているもの
お問い合わせフォーム

使用言語
HTML/CSS PHP
ファイルreservation.php sendyoyaku.php(CSSファイルは今回は関係ないので省略。)

問題点
お問い合わせフォームの予約欄を記入して送信したら予約の日付と電話番号の部分が出力されない。エラーになる。

その他聞きたいこと
動画学習例えばドットインストールもやってみたいと思っているのですがどのように勉強したらいいかアドバイスをお願いします。

よろしくお願いします!

HTML/CSS
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <title>oomiya</title>
7    <link rel="stylesheet" href="stylesheet.css">
8  </head>
9  <body>
10  <div class="center">
11    <h1 class="oomiya">近江家</h1>
12    <nav class="nav">
13    <ul>
14      <a href="home.php" ><li>ホーム</li></a>
15      <a href="menu.php"><li>メニュー</li></a>
16      <a href="reservation.php"><li>ご予約・お問い合わせ</li></a>
17    </ul>
18   </nav>
19  </div>
20<h2>ご予約</h2>
21   <form action="sendyoyaku.php" method="post">
22   <p>お名前(代表者)<span class="must">※</span>:<input class="namae" type="text" name="name" required placeholder="例:田中 太郎"></p>
23   
24   <p>性別(代表者)<span class="must">※</span>:<div class="radiobox"><label><input type="radio" name="gender" value="">男</label>
25   <label><input type="radio" name="gender" value="">女</label></p></div>
26   <div class="cyousei">
27   <p class="yoyakuhizuke">ご予約の日付時刻<span class="must">※</span>:<label class="labelnenntukinichizikann" ><input  type="datetime-local" ></label></p>
28   <p class="nenntukinichizikann">(年/月/日/時間)</p>
29   <div>
30   <p>人数選択<span class="must">※</span>:
31   <select name="human" class="senntaku">
32    <option value="1">1名</option>
33    <option value="2">2名</option>
34    <option value="3">3名</option>
35    <option value="4">4名</option>
36    <option value="5">5名</option>
37    <option value="6">6名</option>
38    <option value="7">7名</option>
39    <option value="8">8名</option>
40   </select>
41   </p>
42   <p>席<span class="must">※</span>:
43    <div class="cyekkubokkusu">
44    <input id="table" type="checkbox" name="sit" value="テーブル"><label for="table">テーブル</label>
45    <input id="zashiki" type="checkbox" name="sit" value="お座敷"><label for="table">お座敷</label>
46    <input id="table&zashiki" type="checkbox" name="sit" value="テーブル&お座敷"><label for="table">テーブルとお座敷</label>
47    </div>  
48   </p>
49   <label>電話番号<span class="must">※</span>:<input class="dennwa"  type="tel" pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}" placeholder="例:090-1234-5678" name="tel" ></label>
50   <p class="form2"><input class="soushinn2" type="submit" value="送信"><input class="risetto2" type="reset" value="リセット"></p>
51   </form>
52    <img src="footer-bg.png" class="kazari">
53    <p>&copy;copyright tarou</p>
54
55  </body>
56</html>
57
58
59```HTML/CSS PHP(sendyoyaku.php)
60<!DOCTYPE html>
61<html>
62  <head>
63    <meta charset="utf-8">
64    <title>お問い合わせ完了</title>
65    <link rel="stylesheet"  href="stylesheet.css">
66  </head>
67  <body>
68
69  <?php
70  $name = $_POST['name'];
71  $gender = $_POST['gender'];
72  $time = $_POST['time'];
73  $human = $_POST['human'];
74  $tel = $POST['tel']
75
76  ?>
77  
78  <div class="yoyaku">
79  <p>ご予約ありがとうございました。</div></p>
80  <p>お名前</p>
81  <?php echo $name;//echo $_POST['category'];?>
82  <p>性別</p>
83  <?php echo $gender;//echo $_POST['name'];?>
84  <p>予約日時時間</p>
85  <?php echo $time;//echo $_POST['kana'];?>
86  <p>人数</p>
87  <?php echo $human; ?>
88  <p>電話番号</p>
89  <?php echo $tel; ?>
90  </div>
91  </body>
92</html>
93
94

m.ts10806

2019/12/29 09:08

後半のコードがマークダウンできていません。マークダウンは任意数設置できますので、ファイルが違うのでしたら別ブロックにしてください。また投稿前にプレビュー確認して調整してください。

mari.rinn

2019/12/29 09:54

今スマホから見てる為、エディタで確認出来ないので違ってたらごめんなさいですが、気になるのはhtmlの方のその問題の2つのinputの属性のtype=　のtの前がやけに広い気がするのですが、これ全角スペースって事はないですか？もし半角だとしても、2つ入ってる気がするのですが。見当違いだったらごめんなさい。

行動規範の内容に同意します

回答2件

ベストアンサー

問題点は下記2点かと思います。

予約日時が出力されない
電話番号が出力されない

それぞれソースを見て思ったことを記載します。

予約日時が出力されない件について

reservation.phpの27行目

html
1<input  type="datetime-local" >

ですが、ここに name="time" 属性が抜けている様に思います。
（sendyoyaku.php にて、 $time = $_POST['time']; で値を受け取っている為）
なので、
reservation.php:L27

html
1<input type="datetime-local" name="time">

というふうにname属性を追加してあげるとどうでしょうか？

電話番号が出力されない件について

sendyoyaku.phpの15行目

php
1$tel = $POST['tel']

と書かれてありますが、正しくは
sendyoyaku.php:L15

php
1$tel = $_POST['tel'];

かと思います。このように修正するとどうでしょうか？

投稿2019/12/29 11:20

falconws

総合スコア22

yuuyuuyuu

2019/12/29 11:32

ただの自分のミスでした。わざわざコードを見て間違えているところ追加すべきところを的確に回答してくださり本当にありがとうございます。ベストアンサーです。感謝感謝。

falconws

2019/12/29 11:35

解決したようで良かったです！

行動規範の内容に同意します

$tel = $POST['tel']

文の終わりがセミコロン;でしめられていません。

動画学習例えばドットインストールもやってみたいと思っているのですが

オンライン学習で身につけられることって少ないので、
PHPに限らず下記３つは必要なことです。

・エラーをきちんと読めるようになること
・デバッグを的確に出来るようになること
・公式マニュアル、ドキュメントを確認する癖をつけること

あと細かいところを言えば
「検索で見つけたコードを理解せずにそのまま使わないこと」とか
「リーダブルコードを心掛けること」とか
キリがないですけど。

オンライン学習にばかり頼るのもあまりよろしくはないですよ。
そこで今一つ理解できてない人がteratailに流れてきて丸投げ質問している現状を見ると、そこに依存した学習はよろしくないと言えます。
本当にやる人は独学でもやれます。
やろうと思えばどこまで無料で覚えられるのがオープンソースのプログラミング言語です。

投稿2019/12/29 09:14

m.ts10806

総合スコア80875