[HTML] UI 요소 라벨 태그 - <label>

<label> 태그

- UI 요소와 연결된 설명 텍스트를 나타내는 데 사용

- 해당 라벨을 클릭하면 연관된 폼 요소에 포커스가 맞춰

 

• for: 레이블이 어떤 폼 요소와 연관되어 있는지 명시. for 속성의 값은 연관된 요소의 id 속성 값과 일치해야 함

 

<label for="id">내용</label>
<input type="text" id="id">

<label for="username">Username</label>
<input type="text" name="username" id="username">