<!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
'WEB Archive' 카테고리의 다른 글
| [HTML] input 태그의 속성 살펴보기 (0) | 2024.08.19 |
|---|---|
| [HTML] textarea (텍스트 에어리어) 태그 살펴보기 (0) | 2024.08.19 |
| [HTML] 라디오 버튼 만들기 (0) | 2024.08.19 |
| [HTML] 전송, 취소버튼 만들기(submit, reset) (0) | 2024.08.19 |
| [HTML] CSS - 가상 요소 적용 실습(계속) (0) | 2022.05.18 |
댓글