- 글자 클릭하여 체크박스 체크하기
input 태그로 radio나 checkbox를 만들 경우, radio와 checkbox를 눌러야만 선택이 된다.
<input name="fruit" type="radio">사과
<input name="fruit" type="radio">바나나
<br>
<input name="subject" type="checkbox">한국어
<input name="subject" type="checkbox">영어
<input name="subject" type="checkbox">불어사과 바나나
한국어 영어 불어
원하는대로 만들어지긴 했으나, radio와 checkbox가 너무 작아 클릭이 어렵다.
글자를 눌러도 선택되게 할 수는 없을까? <label> 태그를 활용하면 해결할 수 있다.
<label><input name="fruit" type="radio">사과</label>
<label><input name="fruit" type="radio">바나나</label>
<br>
<label><input name="subject" type="checkbox">한국어</label>
<label><input name="subject" type="checkbox">영어</label>
<label><input name="subject" type="checkbox">불어</label>