<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>예약정보</title>
</head>
<body>
<h1>예약정보</h1>
<form>
<fieldset>
<ul>
<li>
<label for="user_name">이름</label>
<input type="text" id="user_name">
</li>
<li>
<label for="phone">전화</label>
<input type="tel" id="phone">
</li>
<li>
<label for="umail">이메일</label>
<input type="email" id="umail">
</li>
<li>
<input type="submit" value="에약하기">
</li>
</ul>
</fieldset>
</form>
</div>
</body>
</html>
결과 :예약정보
'html' 카테고리의 다른 글
| 5장 마무리 문제 2 (0) | 2023.03.23 |
|---|---|
| 5장 실습 2 - 회원 가입 신청서에 속성 지정하기 (0) | 2023.03.23 |
| 5장 예제 - readonly와 required 속성 사용하기 (0) | 2023.03.23 |
| 5장 예제 - 전송과 리셋 버튼 추가하기 (0) | 2023.03.23 |
| 5장 실습 - 회원 가입 신청서 만들기 (0) | 2023.03.23 |