フォームを作成しよう(6-17)
フォームを作成するときは
紙でいいので、レイアウトをメモして入れ子構造を最初に整理しておこう
HTMLのフォーム
フォームとは「お問い合わせ」「会員登録」など、ユーザが何かしらの入力と処理を行うために使用されるもの
<form action="create.php" method="post">
//formタグ:フォームを作成する
//action:送信ボタンを押した後に移動するページ
//method:データの送信方法。GETかPOSTを指定。登録系の時はPOSTを指定
<label for="name">会社名</label>
//labelタグ:フォームのラベル作成する
//for:パーツのid属性と同じ値にすることで、パーツとラベルを関連付けられる
<input type="text" name="name" id="name">
//input type="text":1行のテキストエリアを設置する
//name:パーツの名前。PHPにデータ送信する際の項目名になる
<button type="submit">登録する</button>
//submit:データを送信
</form>
ラジオボタンにすることで複数から一つ選ばせることができる
nameの名前を同じにすることでグループ化できる
<form action="create.php" method="post">
<div>
<input type="radio" name="sex" id="male" value="male">
//inputのidとlabelのforの値を同じにすることで項目とボタンを連動
//ラジオボタンのvalue属性値は、そのラジオボタンを選択した時だけ送信する値
<label for="male">男性</label>
</div>
<div>
<input type="radio" name="sex" id="female" value="female">
<label for="female">女性</label>
</div>
<button type="submit">登録する</button>
</form>