ポリプロピレン

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

Chapter3-3 アンケート入力ページをつくろう!実践

前回と同じようにhina.htmlを元にindex.htmlを作ります。

$ sudo cp hina.html index.html

作ったファイルをVimで開きます。

$ sudo vim index.html

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

<!doctype html>
<html class="no-js" lang="">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>PHP基礎</title>
</head>
<body>
	<form method="post" action="check.php">
		<label>ニックネームを入力してください。</label>
		<div><input name="nickname" type="text" size="50"></div>
		<p><input type="submit" value="送信"></p>
	</form>
</body>
</html>
  • 本ではstyleでフォームの幅が設定されていますが、ここではsize属性を使いました。
  • 本では<br />で改行を入れることで行間を開けていますが、メッセージはlabelを使いました。
  • divやpはどうかと思いましたが他に思いつかなかったのでそうしました。

:wして、フォームができていれば成功です。