Html Label

 

 

 

Label Tag

사용자 인터페이스(UI) 요소의 라벨(label)을 정의할 때 사용.

label이 있는 요소는 브라우저에 의해 일반적인 텍스트로 랜더링되지만, 사용자가 마우스로 해당 텍스트를 클릭할 경우 요소와 연결된 요소에 전달되어 사용자의 편의성을 높일 수 있다.

 

Label적용 대상

<label> 요소를 사용할 수 있는 요소는 다음과 같다.

<button>, <input>, <meter>, <output>, <progress>, <select>, <textarea>

 

 

Label정의 방법1

<label> 요소는 'for="다른요소의id"'속성을 사용하여 다른 요소와 결합할 수 있다.
위치가 연결되지 않지만 기능이 연결된다.

<input type="password" id="iptp1" />
<p> test space~ </p>
<label for="iptp1"> pasword 8자 이상 입력: </label>

test space~

pasword 8자 이상 입력:

 

Label정의 방법2

요소를 결합하고자 하는 요소 내부에 위치시키면 for 속성을 사용하지 않더라도 해당 요소와 결합시킬 수 있다.

<label> pasword 8자 이상 <input type="password"/></label>

pasword 8자 이상