[CSS] label 태그의 for 속성

label의 for 속성을 사용하게 되면 입력박스(input)와 라벨(label)간 연관을 줄수있다.
이렇게되면 의미있는 마크업을 할 뿐만 아니라 클릭가능한 영역도 넓어진다.

label태그의 for속성으로 input과 연관되어있을 경우, label를 클릭하면 자동적으로 연관된 input가 활성화(포커스) 된다.

<label for="subject">제목</label> <input id="subject" name="subject" type="text" />

이렇게 하게되면

제목 □□□□□□□□□

처럼 나올것이다. (□□□□□□□□□ 는 입력박스라고 생각하자;;;)
그러면 [제목] 이라는 글자를 클릭하게 되면 입력박스(□□□□□□□□□)가 활성화되게 된다!!
만일 type="checkbox" 라면 label을 클릭하였을때 체크박스에 체크가 된다!

참고:
http://www.w3schools.com/tags/tag_label.asp
http://www.w3schools.com/tags/att_label_for.asp
http://mygony.com/archives/129