Home > 覚え書き > フォーム(入力編)

フォーム(入力編)

1月 20th, 2009

本を見てフォームを作ってみた。

今回は、その入力フォームのHTMLファイル。



form.html



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8">
<title>アンケートフォーム</title>
<link rel="stylesheet" type="text/css" href="http://phpphp.wpwpwpwp.com/style.css">
</head>
<body>
<form action="form.php" method="POST">
姓<input type="text" name="lastname"><br>
名<input type="text" name="firstname"><br>
性別
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女" checked>女
<br>
<input type="submit" value="送信">
</form>

</body>
</html>




覚え書き


・フォームはformタグで囲む。
・formタグのaction属性は、送信先のファイル。
・formタグのmethod属性は、とりあえずPOSTで。
・POSTは、郵便のポストと同じ意味だね。投函する感じ。
・inputタグは、それぞれのパーツごとに。
・inputタグのtype属性は、フォームパーツの種類。
・inputタグのname属性は、識別のための名前。送信先でも使用。これでデータを特定する。
・inputタグのvalue属性は、パーツに初期表示するテキストだったり、送信する内容だったりする。フォームパーツの種類による。
・inputタグの送信ボタン(type=”submit”)は必ずいるよね^^


これで、HTMLからのフォーム送信は完璧だな(笑)

admin 覚え書き , , , , ,

  1. No comments yet.
  1. No trackbacks yet.