<label>태그 주의사항

이인재·2022년 7월 23일
0

HTML / CSS

목록 보기
9/15
1.  <input type="checkbox" id="chk>
	<label>귤</label>


2.	<input type="checkbox" id="chk2">
	<label for="chk2"></label>

과연 1번과 2번은 뭐가 차이가 있는걸까???

정말 간단하지만 많이들 놓치고 있는 부분이다.
1번은 label에 id가 연결되지 않은 경우
2번은 label에 id가 연결된 경우

귤이라는 글자를 눌러보면 알 것이다.
1번은 귤이라는 글자를 눌러도 체크박스의 변화가 없다.
2번은 귤이라는 글자를 눌러도 체크박스에 변화가 있다.

0개의 댓글