회원가입
코드
See the Pen join2 by 김민승 (@alstmd) on CodePen.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
h1{
text-align: center;
color:#858681;}
fieldset{width:600px;height:420px;
text-align: center;
padding: 30px;
border-bottom: 1px solid black;
margin: auto;}
div{ width:530px; height: 45px;
border:thin solid #858681;
margin:10px 20px;
font-family:serif;font-size:1.3em;
}
#a{font-family:바탕체;font-size:0.7em;color:#858681}
</style>
<script type="text/javascript">
function showPopup() {
var id= document.getElementById("id").value;
window.open("popup1.php?id="+id, "a", "width=400, height=300, left=100, top=50");
}
</script>
</head>
<body>
<h1 >회원가입</h1>
<form method="post" action="join1.php">
<fieldset>
<legend>입력정보</legend>
<div>이름<input type="text" name="name"></div>
<div>아이디<input type="text" name="idd" id="id"><br><input type="button" value="중복확인" onclick="showPopup();" />
<b id=a>아이디 입력</b></div>
<div>비밀번호<input type="password" name="pwd"><br>
<b id=a>비밀번호는 영문,숫자,특수문자(_)로 8~15자 이내이어야 합니다.</b></div>
<div>닉네임<input type="text" name="nicname"><br>
<b id=a>별명은 한글5자, 영문10자 이내로 작성합니다.</b></div>
<div>이메일<input type="email" name="email" placeholder="sample@gmail.com"></div>
<div>가입일자<input type="date" name="regdate"></div>
<input type="submit" value="가입하기">
</fieldset>
<br>
</form>
</body>
</html>'데이터베이스 관련 > PHP | HTML2' 카테고리의 다른 글
| 프로젝트 2 [회원가입/php/아이디 중복 확인/ 팝업창] (0) | 2022.07.22 |
|---|---|
| 프로젝트 2 [회원가입/php/회원가입 과정] (0) | 2022.07.22 |
| 프로젝트 2 [로그인/php/로그인 과정] (0) | 2022.07.10 |
| 프로젝트 2 [메인화면/HTML] (0) | 2022.06.30 |
| 프로젝트 2 [로그인/HTML] (0) | 2022.06.29 |