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

46 lines (46 loc) · 1.34 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

36

37

38

39

40

41

42

43

44

45

46

<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="UTF-8">

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

<link rel="stylesheet" href="css/form2.css">

</head>

<body>

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

<form>

<fieldset>

<legend>배송 정보</legend>

<ul id="shipping">

<li>

<label for="prod">주문 상품</label>

<input type="text" id="prod" value="상품용 3KG" readonly>

</li>

<li>

<label for="user-name">이름 </label>

<input type="text" id="user-name" autofocus required>

</li>

<li>

<label for="addr">배송 주소</label>

<input type="text" id="addr" required>

</li>

<li>

<label for="mail">이메일</label>

<input type="email" id="mail">

</li>

<li>

<label for="phone">연락처</label>

<input type="tel" id="phone" placeholder="하이픈 빼고 입력해 주세요.(01012345678)" required>

</li>

<li>

<label for="d-day">배송 지정</label>

<input type="date" id="d-day"> <small>(주문일로부터 최소 3일 이후)</small>

</li>

</ul>

</fieldset>

<div>

<input type="submit" value="주문하기">

<input type="reset" value="취소하기">

</div>

</form>

</body>

</html>