Step by Security Study
[HTML/CSS] 회원가입 페이지 본문
* 웹 해킹에 관심이 생겨 유튜브 및 블로그 등을 보고 따라 만든 페이지입니다. (공부용)
signup.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="signup.css">
<title>회원가입</title>
</head>
<body>
<form action="signup.php" method="POST">
<fieldset>
<legend>회원가입</legend>
<div class="form-group">
<label for="user_name">이름</label>
<input type="text" name="user_name" id="user_name">
</div>
<div class="form-group">
<label for="user_id">아이디</label>
<input type="text" name="user_id" id="user_id">
<button type="submit">아이디 중복확인</button>
</div>
<div class="form-group">
<label for="user_pw">비밀번호</label>
<input type="password" name="user_pw" id="user_pw">
</div>
<div class="form-group">
<label for="user_pw2">비밀번호 확인</label>
<input type="password" name="user_pw2" id="user_pw2">
</div>
<div class="form-group">
<label for="user_birth">생년월일</label>
<div class="birth_yy">
<input type="text" name="birth_yy" id="birth_yy" maxlength="4" placeholder="년도">
</div>
<div class="birth_mm">
<select name="birth_mm" id="birth_mm">
<option>월</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
<div class="birth_dd">
<input type="text" name="birth_dd" maxlength="2" placeholder="일">
</div>
</div>
<div class="form-group">
<label for="gender">성별</label>
<select name="gender">
<option>성별</option>
<option value="남자">남자</option>
<option value="여자">여자</option>
</select>
</div>
<div class="form-group">
<label for="postalcode">우편번호</label>
<input type="text" name="postalcode" id="postalcode">
<button type="button">우편번호 찾기</button> <br>
<label for="addr">주소</label>
<input type="text" name="addr" id="addr">
<label for="addr2"></label>
<input type="text" name="addr2" id="addr2" placeholder="상세주소">
</div>
<div class="form-group">
<label for="user_email">이메일</label>
<input type="text" name="user_email" id="user_email"> @
<input type="text" name="email_dns" id="email_dns">
<select name="email_sel" id="email_sel">
<option value="">직접 입력</option>
<option value="naver.com">NAVER</option>
<option value="gmail.com">GOOGLE</option>
</select>
<div>
<button type="submit">이메일 중복확인</button>
</div>
</div>
</fieldset>
<div class="btn-area">
<button type="submit">LOGIN</button>
</div>
</form>
</body>
</html>
결과물
* 추후 CSS 적용 예정
'개발 > 웹 개발' 카테고리의 다른 글
| 회원 가입 기능 구현 (0) | 2023.09.04 |
|---|---|
| [HTML/CSS] 로그인 페이지 (0) | 2023.08.20 |
| [HTML/CSS] 메인 페이지 (0) | 2023.08.19 |
| 회원 가입 페이지 (0) | 2023.06.17 |
'개발/웹 개발' Related Articles
more
