<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>회원가입신청서</title>
</head>
<body>
<h1>회원 가입을 환영합니다.</h1>
<form>
<fieldset>
<legend>사용자 정보</legend>
<ul>
<li>
<label for="uid">아이디</label>
<input type="text" id="uid">
</li>
<li>
<label for="umail">이메일</label>
<input type="email"id="umail">
</li>
<li>
<input for="pwd1">비밀번호</label>
<input type="password" id="pwd1">
</li>
<li>
<input for="pwd2">비밀번호 확인</lable>
<input type="password" id="pwd2">
</li>
</ul>
</fieldset>
<fieldset>
<legend>이벤트와 새로운 소식</legend>
<input type="radio" name="mailing" id="mailing_y">
<label for="mailing_y">메일수신</label>
<input type="radio" name="mailing" id="mailing_n">
<label for="mailing_n">메일수신 안함</label>
</fieldset>
<div id="buttons">
<input type="submit"value="가입하기">
<input type="reset" value="취소">
</div>
</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 |