<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<%-- <title>注册</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

</head>

<body>
	<h2>注册skic</h2>
	<form action="<%=request.getContextPath()%>/CheckRegisterServlet"
		method="post" name="loginTest">
		用户名<input type="text" name="userName"><br> 姓名<input
			type="text" name="realName"><br> 密码<input
			type="password" name="passWord1"><br> 确认密码<input
			type="password" name="passWord2"><br> 邮箱<input
			type="email" name="email"><br> 电话<input type="tel"
			name="tel"><br> <input type="submit" value="注册">
		<input type="reset" value="重置">
	</form>
</body>
</html> --%>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">

<title>skic用户注册</title>
<!-- <link rel="stylesheet" type="text/css" href="css/normalize.css" /> -->
<link rel="stylesheet"
	href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css">
<style type="text/css">
html, body {
	height: 100%;
}

html {
	display: table;
	margin: auto;
}

body {
	display: table-cell;
	vertical-align: middle;
	color: #404d5b;
}

.margin {
	margin: 0 !important;
}

.card-panel {
	min-width: 350px;
}
</style>
<!--[if IE]>
		<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>
<body class=" cyan darken-1">
	<div id="login-page" class="row">
		<div class="col s12 z-depth-6 card-panel">
			<form class="login-form"
				action="<%=request.getContextPath()%>/CheckRegisterServlet"
				method="post" name="loginTest">
				<div class="row">
					<div class="input-field col s12 center">
						<img src="http://w3lessons.info/logo.png" alt=""
							class="responsive-img valign profile-image-login">
						<p class="center login-form-text">Welcome to skic</p>
					</div>
				</div>
				<div class="row margin">
					<div class="input-field col s12">
						<i class="mdi-social-person-outline prefix"></i> <input
							name="userName" type="text" class="validate"> <label
							for="username" class="center-align">Username</label>
					</div>
				</div>
				<div class="row margin">
					<div class="input-field col s12">
						<i class="mdi-social-person-outline prefix"></i> <input
							name="realName" type="text" class="validate"> <label
							for="username" class="center-align">Realname</label>
					</div>
				</div>
				<div class="row margin">
					<div class="input-field col s12">
						<i class="mdi-communication-email prefix"></i> <input name="email"
							type="email" class="validate"> <label for="email"
							class="center-align">Email</label>
					</div>
				</div>
				<div class="row margin">
					<div class="input-field col s12">
						<i class="mdi-action-lock-outline prefix"></i> <input type="tel"
							name="tel" class="validate"> <label for="username"
							class="center-align">PhoneNum</label>
					</div>
				</div>
				<div class="row margin">
					<div class="input-field col s12">
						<i class="mdi-action-lock-outline prefix"></i> <input
							name="passWord" type="password" class="validate"> <label
							for="password">Password</label>
					</div>
				</div>
				<div class="row margin">
					<div class="input-field col s12">
						<i class="mdi-action-lock-outline prefix"></i> <input
							name="passWord2" type="password"> <label
							for="password-again">Re-type password</label>
					</div>
				</div>
				<div class="row">
					<div class="input-field col s12">
						<button class="btn waves-effect waves-light col s12" type="submit"
							name="action">register</button>
					</div>
					<div class="input-field col s12">
						<p class="margin center medium-small sign-up">
							Have an account? <a href="login.jsp">Login</a>
						</p>
					</div>
				</div>
			</form>
		</div>
	</div>

	<script type="text/javascript"
		src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>

	<!--materialize js-->
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
</body>
</html>
