더북(TheBook)

명시적인 방법은 label 태그의 for 속성과 상호작용 요소의 id 속성을 같은 값으로 설정하는 방법으로, label 태그를 다음과 같이 사용합니다.

03/06/label.html

<label ① for="userpw">비밀번호</label>
<input type="password" ① id="userpw">

 

① for 속성값과 id 속성값이 같아야 함

그리고 예외적으로 다음처럼 암묵적인 방법과 명시적인 방법을 함께 사용할 수도 있습니다.

03/06/label.html

<label ① for="username">
  <input type="text" ① ② id="username">이름
</label>  

 

① for 속성값과 id 속성값이 같음

② 상호작용 요소