암시적인 label 요소 안의 checkbox 사용에 대해 질문이 있습니다.

조회수 1383회

checkbox 를 만드는 방법에서 글자 영역을 클릭해도 checkbox를 체크 하는 방법으로

<input type="checkbox" id="check01">
<label for="check01">check01</label>

처럼 input에 id와 label에 for를 연결 시켜 만드는 방법을 주로 사용했는데요,

<label>
    <input type="checkbox"> check01
</label>

label 태그 안에 input요소를 넣어서 만드는 방법도 있다는걸 알게 되었습니다. 이렇게 만들면 id 와 for 속성을 사용하지 않아도 되는것 같습니다.

혹시 후자의 방법이 웹표준에 어긋나거나 안 좋은 방식인 지 궁금합니다. [MDN label] https://developer.mozilla.org/ko/docs/Web/HTML/Element/label 에서 는 후자와 같은 방법도 있다고 소개 되어있는데... 웹표준에 맞는 방식인지 궁금합니다!

제가 예시로 만들어본 코드펜 공유 드립니다. https://codepen.io/Neodahl/pen/YjaMPX

2 답변

답변을 하려면 로그인이 필요합니다.

Hashcode는 개발자들을 위한 무료 QnA 사이트입니다. 계정을 생성하셔야만 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)

ᕕ( ᐛ )ᕗ
로그인이 필요합니다

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 계정을 생성하셔야만 글을 작성하실 수 있습니다.