<!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>
<filedset>
<legend>사용자 정보</legend>
<ul>
<li>
<label for="user-id">아이디</label>
<input type="text" id="user-id"autofocus placeholder="4자~10자 사이, 공백없이" reguired>
</li>
<li>
<label for="umail">이메일</label>
<input type="email" id="umail"required>
</li>
<li>
<label for="user-ps">비밀번호</label>
<input type="password" id="user-ps" placeholder="문자와 숫자, 특수기호 포함" required>
</li>
<li>
<lable for="pwdc">비밀번호 확인</lable>
<input type="password" id="pwdc" required>
</li>
</ul>
</fieldset>
</form>
<form>
<filedset>
<legend>이벤트와 새로운 소식</legend>
<input type="radio" name="mailing" id="mailing_y" vlaue="mailing_yes">
<label for="mailing_y">메일 수신</label>
<input type="radio" name="mailling" id="mailing_n" value="mailing_no"checked>
<label for="mailling_n">메일 수신 안함</label>
</filedset>
</form>
<div>
<input type="submit" value="가입하기">
<input type="reset" value="취소">
</div>
</body>
</html>
'html' 카테고리의 다른 글
| 5장 마무리 문제 2 (0) | 2023.03.23 |
|---|---|
| 5장 마무리 문제 1 (0) | 2023.03.23 |
| 5장 예제 - readonly와 required 속성 사용하기 (0) | 2023.03.23 |
| 5장 예제 - 전송과 리셋 버튼 추가하기 (0) | 2023.03.23 |
| 5장 실습 - 회원 가입 신청서 만들기 (0) | 2023.03.23 |