label 태그란?
말 그대로 라벨이다.
input 태그에 라벨지를 붙여준다고 생각하면 된다.
레이블 텍스트를 클릭하면 연결된 input 태그로 구현한 것이 선택된다.
참고로 label을 사용하면 시각장애인이 폼을 음성으로 들을 수 있다.
label 태그 사용법
label 태그 사용법엔 두 가지 방법이 있다.
1. label 태그 안에 input 태그를 넣어주는 방법.
<label>
<input/>
</label>2. label 태그와 input 태그를 따로 쓰는 방법
<label for="apple"></label>
<input id="apple"/>⚠️이때 label 태그와 input 태그를 for속성과 id속성으로 연결해줘야한다.
- label 태그의
for: 레이블을 생성하여 두 요소를 연결한다. 값으로는 label이 설명하는 input 등의 id를 지정해야한다. - input 태그의
id: input의 id를 지정해주는 역할을 한다.
label 태그 활용 예시
<label for="male">남자</label>
<input type="radio" name="gender" id="male" value="male"/>