Progateの復習を兼ねてPHPでフォームのサンプルを作ってみました（コード付き）

f:id:tatsu-n:20150224145516j:plain

プログラミング学習サイトProgateのPHPのコースを進めて、ひと通り終えてこの前 ProgateのPHP受講完了したので感想でも - 半地下備忘録という記事を書いた。

この中で

Progateは区切りがいいのでいったん終了して、自分で借りたサーバーに自分で打って、今回の演習を復習する感じにしていくつもり。

って書いてたので、復習を兼ねて、自分で借りたサーバーにちまちまとフォームを作ってみた。Progateと同じことをやるなら、改めて書くほどのことじゃないだろう！！　というお叱りを受けるかもしれないけど、ここでまた次どうするかを書くことによってモチベーションを保つライフハック（？）。

サンプルフォームの入力画面

取り立てて特長的なところはなにもない。普通の入力画面で名前、所属、アドレス、出欠を入力するシンプルなかたち。

f:id:tatsu-n:20150224141545p:plain

フォームのサンプルコード（attend.php）

さすがに案内部分はいらないだろうということで、とりあえずフォームの部分だけ。どうでもいいけどこの画面、PHP使ってないからattend.htmlとしても動くね。もちろんphpで揃えるほうが普通に自然だと思うけど。

<form action="sent.php" method="post">
	<label>名前</label>
	<input type="text" name="name" size="10" value="" />
	<br />
	<label>所属</label>
	<input type="text" name="company" size="10" value="" />
	<br />
	<label>メールアドレス</label>
	<input type="text" name="email" size="10" value="" />
	<br />
	<input type="radio" name="attend" value="出席します" id="ans1"><label for="ans1">出席します</label>
	<input type="radio" name="attend" value="欠席します" id="ans2"><label for="ans2">欠席します</label>
	<br />

	<input type="submit" name="register" value="登録" />
</form>

実行結果画面

f:id:tatsu-n:20150224141722p:plain

実行結果のサンプルコード（sent.php）

こちらも受け取った結果を表示する部分だけ一応。

<h3>入力内容</h3>
<ul>
	<li>名前：<?php echo htmlspecialchars($_POST['name']) ?></li>
	<li>所属：<?php echo htmlspecialchars($_POST['company']) ?></li>
	<li>メールアドレス：<?php echo htmlspecialchars($_POST['email']) ?></li>
	<li>出欠：<?php echo htmlspecialchars($_POST['attend']) ?></li>
</ul>