WEB Archive
[HTML] 선택상자(checkbox) 만들기
universedevelope
2024. 8. 19. 17:11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test019.html</title>
</head>
<body>
<div>
<h1>체크박스 만들기</h1>
<hr>
</div>
<div>
<form>
<p>오늘 점심으로 먹고싶은 메뉴는?</p>
<label>
<input type = "checkbox" name = "foodCheck" value = "1">밥
</label>
<input type = "checkbox" name = "foodCheck" value = "2" id = "label2">
<label for = "label2">미역국</label>
<input type = "checkbox" name = "foodCheck" value = "3">김치찌개
<input type = "checkbox" name = "foodCheck" value = "4">달걀말이
<input type = "checkbox" name = "foodCheck" value = "5">장조림
<br><br>
<input type = "checkbox" name = "foodCheck" value = "6">김
<input type = "checkbox" name = "foodCheck" value = "7">멸치볶음
<input type = "checkbox" name = "foodCheck" value = "8">불고기
<input type = "checkbox" name = "foodCheck" value = "9" id = "label9">
<input type = "text">
<br><br><br><br>
<label for = "label9">김치</label>
<!-- label에 id 부여하는것과 for = 라벨아이디 를 적용시켜주는 걸 참고 -->
</form>
</div>
</body>
</html>선택상자 를 만들어서 설문조사 하듯,
체크해보고 label속성도 같이 확인해본다.
728x90