[JavaScript] label 의 for 속성 활용

label 태그는 for 속성을 사용해서 input 태그의 id 속성에 연계해서 사용한다. label 의 for 값과 input 의 id 값을 일치시키면 된다.

​

label 태그의 for 값이 title일 경우 input 태그의 id 값도 동일하게 title로 맞춰주는 식이다

​

보통 checkbox 나 radio의 버튼은 너무 작아서 클릭이 힘든 경우가 있다.

​

label 태그와 연계해서 사용하면 출력된 label 의 value값을 눌러도 input 태그의 checkbox 를 on/off 하는 것이 가능하다