ポリプロピレン

PHPを1からお勉強するブログ

Chapter3-9 アンケート項目を増やそう!実践

今回はindex.htmlとcheck.phpを編集します。

index.html

$ sudo vim index.html

iで編集モードにしたらコードを書いていきます。

<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<title>PHP基礎</title>
</head>
<body>
	<form method="post" action="check.php">
		<label>ニックネームを入力してください。</label>
		<div><input name="nickname" type="text" size="50"></div>
		<label>メールアドレスを入力してください。</label>
		<div><input name="email" type="text" size="50"></div>
		<label>ご意見を一言でお聞かせください。</label>
		<div><input name="goiken" type="text" size="100"></div>
		<p><input type="submit" value="送信"></p>
	</form>
</body>
</html>

esc→:wqで保存・終了。

check.php

$ sudo vim check.php

iで編集モードにしたらコードを書いていきます。

<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<title>PHP基礎</title>
</head>
<body>
	<ul>
		<?php
		$nickname=$_POST['nickname'];
		$email=$_POST['email'];
		$goiken=$_POST['goiken'];

		if($nickname=='')
		{
			print'<li>ニックネームが入力されていません。</li>';
		}
		else
		{
			print'<li>';
			print'ようこそ';
			print $nickname;
			print'';
			print'</li>';
		}

		if($email=='')
		{
			print'<li>メールアドレスが入力されていません。</li>';
		}
		else
		{
			print'<li>';
			print'メールアドレス:';
			print $email;
			print'</li>';
		}

		if($goiken=='')
		{
			print'<li>ご意見が入力されていません。</li>';
		}
		else
		{
			print'<li>';
			print'ご意見『';
			print $goiken;
			print'』</li>';
		}
		?>
	</ul>	
</body>
</html>

esc→:wで保存。localhost/phpkiso/index.htmlにアクセス

  • フォームに入力しないで送信→◯◯が入力されていません。
  • フォームに入力して送信→ようこそ◯◯様等

と表示されていれば成功です。