HTML input checkbox

<input type = "checkbox"> // 복수 선택 가능한 체크박스

<input type = "radio"> // 단일 선택

체크박스 이름 삽입 시 

<lable> 태그를 사용하면 글씨 영역을 클릭해도 checkbox 영역이 클릭  된다.

방법 1

<input type="checkbox" id="lsit">
<label for="list">오늘 할 일</label>

방법 2

<label>
  <input type="checkbox">오늘 할 일
</label>

체크 박스 그룹 지정

여러 체크 박스를 하나의 그룹으로 지정하고 싶을 때,

name 속성을 같은 값으로 지정하기

<form>
  <input type="checkbox" name="lists"><label>공부하기</label>
  <input type="checkbox" name="lists"><label>잠자기</label>
  <input type="checkbox" name="lists"><label>카페가기</label>
</form>

체크박스 checked/unchecked

기본 설정은 unchecked이고

특정 체크박스에 체크 표시를 하고 싶으면 checked 속성명 삽입하기

<form>
  <input type="checkbox">
  <input type="checkbox" checked>
  <input type="checkbox">
</form>