<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>전송과 리셋 버튼 추가하기 </title>
</head>
<body>
<form>
<fieldset>
<legend>배송 정보</legend>
<ul>
<li>
<label for="user-name">이름</label>
<input type="text"id="user-name">
</li>
<li>
<label for="abbr">배송 주소</label>
<input type="text" id="abbr">
</li>
<li>
<label for="mail">이메일</label>
<input text="email" id="mail">
</li>
<li>
<label for="phone">연락처</label>
<input type="tel" id="phone">
</li>
<li>
<label for="abbr2">배송지정(주문일로부터 최소 3일 이후)</label>
<input type="date" min="2020-02-01"max="2020-02-15" id="abbr2">
</li>
</ul>
<div>
<input type="sumbit" value="주문하기">
<input type="reset" value="취소하기">
</div>
</fieldset>
</form>
</body>
</html>
결과: 전송과 리셋 버튼 추가하기
'html' 카테고리의 다른 글
| 5장 실습 2 - 회원 가입 신청서에 속성 지정하기 (0) | 2023.03.23 |
|---|---|
| 5장 예제 - readonly와 required 속성 사용하기 (0) | 2023.03.23 |
| 5장 실습 - 회원 가입 신청서 만들기 (0) | 2023.03.23 |
| 4장 마무리 문제 2 (0) | 2023.03.22 |
| 4장 마무리 문제 1번 (0) | 2023.03.22 |