[HTML] - label 클릭시, 체크 되도록 구현

조가든·2022년 9월 26일

html

목록 보기
4/4
post-thumbnail

  • 위 사진처럼 체크박스나, 라디오 버튼을 클릭할때에도 체크가 되어야하지만 옆의 글씨(label)을 눌렀을 때에도 체크가 되어야 사용하기 편리하다.
<input type="checkbox" id="agree-chk">
<label for="agree-chk"><em></em>약관을 충분히 이해하였으며 동의 합니다.</label>
  • label안에 해당 글씨를 넣고 input의 id와 label 의 for을 동일하게 맞춰준다
<input type="radio" name="grade" id="grade-chk1">
<label for="grade-chk1"> <em></em>초등학생</label>
  • 라디오 버튼도 마찬가지!
profile
jo_garden

0개의 댓글