memo.xight.org

日々のメモ

ラジオボタンを押しやすくする

Summary

  ラジオボタンの横のテキストをクリックすることで,対応するラジオボタンを選択できるようにする
  ラジオボタンが選択しやすくなる.

Example

<form>
	<input type="text" name="q" size="50">
	<input type="submit" name="sbmt" value="検索"><br />
	<input type="radio" id="splace1" name="searchplace" value="1">
	<label for="splace1">このサイトの中を検索</label>
	<input type="radio" id="splace2" name="searchplace" value="2">
	<label for="splace2">web全体を検索する</label><br />
</form>

キモ

  <input>の id属性と <label>のfor属性を同一の値にする

Reference

  All About Japan - HTML・XML - ラジオボタンの命中率を格段にUP
  http://allabout.co.jp/career/html/closeup/CU20031102A/