115

今までこのブログに学んだ事をメモするだけだったのですが、振り返る時に見返すのが大変なので、ローカル環境に普通にメモを残すようにしました。今まで何故やっていなかったのが疑問なくらいですが。

・ラジオボタン

<input type=“radio” name=“gender” value=“male”>男性

<input type=“radio” name=“gender” value=“female”>女性

・チェックボックス

<input type=“checkbox” name=“music” value=“jazz”>Jazz<br>

<input type=“checkbox” name=“music” value=“rock”>Rock<br>

<input type=“checkbox” name=“music” value=“pops”>Pops<br>

・ドロップダウンメニュー

<select name="address">

<optgroup label="関東">

<option value="tokyo">東京</option>

<option value="chiba">千葉</option>

<option value="saitama">埼玉</option>

</optgroup>

<optgroup label="関西">

<option value="osaka">大阪</option>

<option value="hyogo">兵庫</option>

<option value="kyoto">京都</option>

</optgroup>

</select>

・<fieldset></fieldset>　

＞複数の入力欄をまとめる事ができる

・<legend></legend>

＞fieldsetでまとめた項目に題名をつける

・<label></label>

＞入力欄のidに対してlabelのfor属性で指定する。ラジオボタン等で文字自体をクリックで選択できるようにする

・入力フォームのグルーピング

<fieldset>

<legend>IDとパスワード</legend>

<label for="name">ID</label><input type="text" name="name" id="name"><br><br><br><br>

<label for="pass">Password</label><input type="password" name="pass" id="pass"><br><br><br><br>

</fieldset>

<fieldset>

<legend>性別</legend>

<input type="radio" name="gender" value="male" id="male"><label for="male">男性</label><br>

<input type="radio" name="gender" value="female" id="female"><label for="female">女性</label><br>

</fieldset>