-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathp_option.html
46 lines (42 loc) · 1.64 KB
/
p_option.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>폼 요소 1</title>
<style>
#container{
display: grid;
font-family: "UhBee MiMi", "UhBee namsoyoung", "G마켓 산스 TTF Medium";
font-size: 20px;
}
#checkbox{
}
</style>
</head>
<div id = 'container'>
<h3>선택형 항목 만들기</h3>
<div id = "checkbox"> 좋아하는 캐릭터는?(복수선택 가능) :
<input type = 'checkbox' name = "character" value="잔망루피">잔망루피
<input type = 'checkbox' name = "character" value="빤쮸토끼">빤쮸토끼
<input type = 'checkbox' name = "character" value="포켓몬">포켓몬
<input type = 'checkbox' name = "character" value="빵빵덕">빵빵덕
<input type = 'checkbox' name = "character" value="카카오프렌즈">카카오프렌즈
<input type = 'checkbox' name = "character" value="기타">기타
</div>
<div id = 'dropdown'>
잔망루피 굿즈를 고른다면?:
<select name = '굿즈선택' id = 'goodschoice'>
<option value = '0'>굿즈선택</option>
<option value = '1'>키링</option>
<option value = '2'>스마트톡</option>
<option value = '3'>텀블러</option>
<option value = '4'>육공다이어리</option>
<option value = '5'>인형</option>
<option value = '6'>파우치</option>
<option value = '7'>기타</option>
</select>
</div>
</div>
<body>
</body>
</html>