label 태그의 활용
label 태그 안의 텍스트를 클릭하면 input이 활성화되게 합니다. 라디오 버튼이나 체크박스는 클릭영역이 작기때문에 텍스트를 통해서 체크할 수 있도록 하는 것이 좋습니다.
어떻게 input과 label 태그를 연결하나요?
input의 id값과 label의 for값을 같게 입력합니다.
예시)
<body>
<input type="checkbox" name="" id="a">
<label for="a">a를 선택</label>
<input type="checkbox" name="" id="b">
<label for="b">b를 선택</label>
<input type="checkbox" name="" id="c">
<label for="c">c를 선택</label>
<input type="checkbox" name="" id="d">
<label for="d">d를 선택</label>
</body>