study_doit_HTML-CSS-JavaScript/05/select.html at master · Paul2021-R/study_doit_HTML-CSS-JavaScript · GitHub

35 lines (35 loc) · 1.08 KB

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

<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="UTF-8">

<title>레드향 주문하기</title>

</head>

<body>

<h1>레드향 주문하기</h1>

<form action="">

<fieldset>

<legend>상품 선택</legend>

<p><b>주문할 상품을 선택해 주세요.</b></p>

<label>

<select>

<option value="special_3" selected>선물용 3kg</option>

<option value="special_5">선물용 5kg</option>

<option value="family_3">가정용 3kg</option>

<option value="family_5">가정용 5kg</option>

</select>

</label>

</fieldset>

<fieldset>

<legend>상품 선택</legend>

<p><b>주문할 상품을 선택해 주세요.</b></p>

<label><input type="text" list="goods"></label>

<datalist id="goods">

<option value="special_3">선물용 3kg</option>

<option value="special_5">선물용 5kg</option>

<option value="family_3">가정용 3kg</option>

<option value="family_5">가정용 5kg</option>

</datalist>

</fieldset>

</form>

</body>

</html>