본문으로 바로가기

[HTML] label, for

category Helloworld! 2016. 11. 8. 11:38
label 은 항목이나 파일을 식별하기 위해 사용되는 제목이나 이름을 말한다.
기본적인 사용 방법은 다음과 같다.
<label>이름 : <input type="text"></label>
위와 같이 사용 할 경우 시각적인 용도로만 레이블을 사용할 뿐,
브라우저가 레이블과 컨트롤 사이의 관계를 알 수 있도록 하기 위해서는 for 하는 속성을 써야한다.
위의 소스코드는 레이블을 사용했지만 이름 이라는 레이블을 클릭 했을 때, 아무 효과가 없지만
<label for="name">이름 : </label>
<input id="name" name="name" type="text" />
위의 소스코드처럼 for 속성을 사용했을 경우
이름 부분을 클릭하면 name 이라는 input 박스가 활성화가 된다.