html label 태그

HTML <label> 태그는 폼 컨트롤(form control) 요소에 레이블을 제공하기 위해 사용됩니다. 레이블은 컨트롤 요소에 대한 설명을 제공하며, 스크린 리더를 사용하는 사용자나 마우스를 사용하지 않는 사용자를 위해 폼의 접근성을 향상시키는 데 도움이 됩니다.

 

<label> 태그는 for 속성을 사용하여 레이블과 연결할 컨트롤 요소를 지정합니다. 또한, <label> 요소를 클릭하면 연결된 컨트롤 요소가 활성화됩니다.

 

사용법

 

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

 

위의 코드에서 for 속성은 "username"이라는 ID를 가진 <input> 요소와 연결합니다. 이렇게 하면 "Username"이라는 레이블을 클릭하여도 <input> 요소가 활성화됩니다.