webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

form03 radio

  • radiobuttonは、1つ選択するときに使う。
  • 記述の仕方は、checkboxとなにも変わらない。

<form action="#" method="post">
<p><input type="radio" name="sex" value="1">male
<input type="radio" name="sex" value="2">female
<input type="radio" name="sex" value="3">else</p>
<p><input type="submit" value="送信"></p>
</form>

f:id:ohta-felica:20160719212033p:plain 

  • labelをつければ、ラベル上にカーソルがあっても選択できる。

<form action="#" method="post">
<p>
<label><input type="radio" name="sex" value="1">male</label>
<label><input type="radio" name="sex" value="2">female</label>
<label><input type="radio" name="sex" value="3">else</p></label>
<p><input type="submit" value="送信"></p>
</form>