checkbox, radio 와 label 을 묶어주는 두가지 방법

출처 : https://blog.naver.com/PostView.naver?blogId=designup80&logNo=222728169229

 

1. id와 for 값으로 묶어주기   

<input type="checkbox" id="age">
<label for="age">나이</label>

 

2. label 태그로 감싸주기 

<label><input type="checkbox">나이</label>

 

라디오 태그도 마찬가지임

1. id와 for 값으로 묶어주기   

<input TYPE='radio' id='r1' name='group1' value='apple' />
<label for='r1'>사과</label>
<input TYPE='radio' id='r2' name='group1' value='lemon' checked='checked' />
<label for='r2'>레몬</label>

 

2. label 태그로 감싸주기 

<label><input TYPE='radio' name='group1' value='apple' />사과</label>
<label><input TYPE='radio' name='group1' value='lemon' checked='checked' />레몬</label>