HTML Examples Form#Checkbox

HTML

<div>

  <label>영화<input type="checkbox" name="interest" value="영화" /></label>

  <label>독서<input type="checkbox" name="interest" value="독서" /></label>

  <label>바둑<input type="checkbox" name="interest" value="바둑" /></label>

</div>

<div>

  <p>성별을 입력하세요</p>

  <label>남자<input type="radio" name="gender" value="male" checked /></label>

  <label>여자<input type="radio" name="gender" value="female" /></label>

</div>

하나만 선택해야 할 때는 radio를 쓰고, 다중 선택 가능할 때는 checkbox를 쓴다.
항목이 여러개로 많을 때는 label로 묶으면 편하다. 단 for를 지워야 한다.
checked를 쓰면 radio나 checkbox의 기본 값으로 선택하게 할 수 있다.

 

 

ON BROWSER