ラジオボタンとかチェックボックスって的が小さいのでクリックしにくいものです。label要素を使って対応するラベルを指定してあげるとクリックしやすくなります。 <input type="checkbox" id="green"/> <label for="green">緑茶</label> <input type="checkbox" id="roast"/> <label for="roast">ほうじ茶</label> <input type="checkbox" id="oolong"/> <label for="oolong">烏龍茶</label> label要素を使うとクリックしやすくなるので、ラジオボタンとかチェックボックスが出てくるときは指定するようにしてるのですが、最近になって以下のような書き方もできるということを知りました。 <label><input type="c