HTML 자주 사용하는 태그 - <label>

label

 

비교적 간단한 기능의 태그입니다.

label 요소는 대상 태그의 id를 for 속성으로 지정하여 사용하면, 레이블 클릭 시 해당 태그가 동작하도록 범위를 확장할 수 있습니다. 예를 들어, 체크박스의 레이블을 클릭해도 체크박스가 선택되게 할 수 있습니다.

 

label

 - 인라인 요소입니다.

 - input 요소의 제목을 입력할 때 사용합니다.

 

label

웹 브라우저 결과

 

주요 속성

 - for : 대상 태그의 id를 지정하여 레이블을 클릭하면 같은 동작 영역으로 작동하게 합니다.

 

동의 체크 버튼을 만들 때도 사용합니다.

label for

웹 브라우저 결과