<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원가입</title>
<style>
body {
	background-image: url("../image/background.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
}
</style>
</head>
<body>
	<div class="box">
		<style>
.box {
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%, -50%);
}

table, tr, td {
	padding: 10px;
	border: 1px solid #000000;
	border-collapse: collapse;
}

thead {
	text-align: center;
	font-weight: bold;
}
</style>
		<h2>회원정보입력</h2>
		<hr>
		<p>
		<fieldset style="padding: 30px; border-color: #A0D9E2;">
			<legend>회원가입</legend>
			<table>
				<form method="post" action="inputPro.jsp">
					<tr>
						<th bgcolor="#D4F4FA">아이디</th>
						<td><input type="text" name="id" maxlength="30"><br></td>
					</tr>
					<tr>
						<th bgcolor="#D4F4FA">패스워드</th>
						<td><input type="password" name="password"
							placeholder="최소5글자" maxlength="16"></td>
					</tr>
					<tr>
						<th bgcolor="#D4F4FA">이름</th>
						<td><input type="text" name="name" maxlength="10"><br></td>
					</tr>
					<tr>
						<th bgcolor="#D4F4FA">생년월일</th>
						<td><input type="text" name="yyyy" placeholder="yyyy" maxlength="4">년
							<select name="mm">
								<option value="01">01</option>
								<option value="02">02</option>
								<option value="03">03</option>
								<option value="04">04</option>
								<option value="05">05</option>
								<option value="06">06</option>
								<option value="07">07</option>
								<option value="08">08</option>
								<option value="09">09</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
						</select>월 <input type="text" name="dd" placeholder="dd" maxlength="2">일</td>
					</tr>
					<tr>
						<th bgcolor="#D4F4FA">성별<br></th>
						<td><input type="radio" name="gender" value="man" checked>남성
							<input type="radio" name="gender" value="woman">여성</td>
					</tr>
					<tr>
						<th bgcolor="#D4F4FA">이메일<br></th>
						<td><input type="text" name="email1">@<select
							name="email2">
								<option value="naver.com">네이버</option>
								<option value="google.com">구글</option>
								<option value="daum.net">다음</option>
						</select><br></td>
					</tr>
					<tr>
						<th bgcolor="#D4F4FA">전화번호<br></th>
						<td><input type="text" name="pNum1" maxlength="3">-<input
							type="text" name="pNum2" maxlength="4">-<input
							type="text" name="pNum3" maxlength="4"></td>
					</tr>
					<tr>
						<td colspan="2" align="center"><input type="submit"
							value="입력완료"></td>
					</tr>
				</form>
				</talbe>
				</fieldset>
				</div>
</body>
</html>