チェックボックスの説明を表示する
チェックボックスやラジオボタンに説明用文字列を設定する場合、「label」要素を使用します。
- 普通にテキストを配置しても見た目上は同じですが、labelで関連付けた文字列を指定すると、文字列をクリックした場合もチェックボックスやラジオボタンのon/offが切り替わります。
- labelのfor属性で、関連付けるinput要素のidを指定します。
<input id="checkbox_1" type="checkbox" /> <label for="checkbox_1">チェックボックスのラベル</label><br/> <input type="radio" id="value_1" name="hoge" value="foo"/> <label for="value_1">ラジオボタンのラベル</label> <input type="radio" id="value_2" name="hoge" value="var"/> <label for="value_2">ラジオボタンのラベル2</label>
