label 태그

label 태그란

사용자의 인터페이스 항목의 설명을 나타내고 label은 폼의 양식에 이름 붙이는 태그입니다.

<label> 을 <input> 요소와 연결하면 몇 가지 이점이 있습니다.

label을 클릭하면, 연결된 양식에 입력할 수 있도록 하거나 체크를 하거나 체크를 해제합니다.

 

주요 속성은 for입니다

 

<label> 을 <input> 요소와 연관시키려면, <input> 에 id 속성을 넣어야합니다. 그런 다음 <label> 에 id 와 같은 값의  for 속성을 넣어야합니다.

<label for="username">Click me</label> <input type="text" id="username">

 

아니면 <label> 안에 <input> 을 넣을 경우 연관이 암시적이므로 for 및 id속성이 필요없습니다.

<label>Do you like peas? <input type="checkbox" name="peas"> </label>

 

 

developer.mozilla.org/ko/docs/Web/HTML/Element/label, www.codingfactory.net/11008 보고 포스팅 하였습니다. 

감사합니다^^