<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="utf-8"%> 
<%@ page contentType="text/html;charset=utf-8"%>
<% 
 request.setCharacterEncoding("UTF-8"); 
 response.setCharacterEncoding("UTF-8"); 
 response.setContentType("text/html; charset=UTF-8"); 
%>  
<!DOCTYPE HTML>
<html>
<head>
<title>用户注册</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Petsy Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />	
<script src="js/jquery.min.js"> </script>
<script src="js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>

</head>
<body>
	<!--start-header-->
			<div id="home" class="header two" style="margin-top:-40px">
					<div class="top-header">
						<div class="container">
							<div class="logo">
							  <a href=""><h2>北京大学<span>第一医院</span></h2></a>
						    </div>
							<!-- script-for-menu -->
								<script>
									$("span.menu").click(function(){
										$(".top-menu ul").slideToggle("slow" , function(){
										});
									});
								</script>
								<!-- script-for-menu -->
							<div class="clearfix"> </div>
					</div>
				</div>
	     </div>
     </div>
		<!--start-contact-->
	<div class="contact">
		<div class="container">
		    <h3 class="tittle" style="font-size: 1.9em">E-Health用户注册</h3>
		    &nbsp
		  
          <div class="panel-group" id="accordion">
            <div class="panel panel-default">
              <div class="panel-heading">
                <h4 class="panel-title" style="font-size: 1.4em; "> 1. 基本信息 </h4>
              </div>
              <div id="collapseOne" class="panel-collapse collapse in">
                <div class="panel-body"> 
					<form action="registerCheck.jsp" method="post">

						<div class="col-md-6">
						<p class="col-md-3 your-para" style="padding-top: 3%">手机号</p>
						<div class="col-md-5">
						<input type="text" class="form-control" id="tel" name="tel" placeholder="">
						</div>
						</div>
						<br /><br />
						<div class="col-md-6">
						<p class="col-md-3 your-para" style="padding-top: 3%">密码</p>
						<div class="col-md-5">
						<input type="text" class="form-control" id="pwd" name="pwd" placeholder="">
						</div>
						</div>
						<br /><br />
						<div class="col-md-6">
						<p class="col-md-3 your-para" style="padding-top: 3%">验证码</p>
						<div class="col-md-9 send">
						<input type="text" class="col-md-3 myform-control" id="repsw" placeholder="">
						<input type="button" class="col-md-3" value="点击获取"  
						style="margin-left: 10px;margin-top:2px;text-align: center; padding-left: 10px; padding-right: 10px; padding-top:auto; padding-bottom: auto; font-size: 0.8em">
						</div>
						</div>
						<br /><br />
						<div class="col-md-6">
							<p class="col-md-3 your-para" style="padding-top: 3%">选择身份</p>
							<div class="col-md-8" style="padding-top: 2%">
								<input type="radio" name="d_p" id="d_p" value="d" checked>    
				             	<label style="color: #888;">医生</label>  
								&nbsp
								<input type="radio" name="d_p" id="d_p" value="p">
								<label style="color: #888;">患者</label>  
							</div>
						</div>
						<br /><br />
						<div class="col-md-12 send" style="margin-left: 1.5%; padding-top: 1%">
						<!--  <a data-toggle="collapse" class="panel-toggle" data-parent="#accordion" href="#collapseTwo" style="text-decoration: none;">
								<input type="submit" value="下一步" >
							</a>-->	
							<input type="submit" value="注册" >
						</div>
					
					</form>
                </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading">
                <h4 class="panel-title" style="font-size: 1.4em; "> 2. 详细信息 </h4>
              </div>
              <div id="collapseTwo" class="panel-collapse collapse">
                <div class="panel-body">
					<form>
						<div class="col-md-5">
							<p class="col-md-4 your-para" style="padding-top: 3%">姓名</p>
							<div class="col-md-8">
								<input type="text" class="form-control" id="name" placeholder="">
							</div>
						</div>

						<div class="col-md-5">
							<p class="col-md-4 your-para" style="padding-top: 3%">性别</p>
							<div class="col-md-8" style="padding-top: 3%">
								<input type="radio" name="radio" id="sex" value="" checked>
								<label style="color: #888;">男</label>
								&nbsp
								<input type="radio" name="radio" id="sex" value="">
								<label style="color: #888;">女</label>
							</div>
						</div>
						
						<br/><br/>
						<div class="col-md-5">
							<p class="col-md-4 your-para" style="padding-top: 3%">出生日期</p>
							<div class="col-md-8" style="padding-top: 2%">
								<select name="YYYY" onchange="YYYYDD(this.value)">
									<option value="">年</option>
									<option value="">1950</option>
									<option value="">1951</option>
								</select>
								<select name="MM" onchange="MMDD(this.value)">
									<option value="">月</option>
									<option value="">1</option>
									<option value="">2</option>
								</select>
								<select name="DD">
									<option value="">日</option>
									<option value="">10</option>
									<option value="">11</option>
								</select>
							</div>
						</div>

						<div class="col-md-5">
							<p class="col-md-4 your-para" style="padding-top: 3%">年龄</p>
							<div class="col-md-8">
								<input type="text" class="form-control" id="identity" placeholder="" style="padding-top: 2%">
							</div>
						</div>

						<br/><br/>
						<div class="col-md-5">
							<p class="col-md-4 your-para" style="padding-top: 3%">身份证号</p>
							<div class="col-md-8">
								<input type="text" class="form-control" id="identity" placeholder="">
							</div>
						</div>

						<div class="col-md-5">
							<p class="col-md-4 your-para" style="padding-top: 3%">医疗卡号</p>
							<div class="col-md-8">
								<input type="text" class="form-control" id="recordNumber" placeholder="">
							</div>
						</div>

						<div class="col-md-5">
						<p class="col-md-4 your-para" style="padding-top: 6%">出诊时间</p>
						<div class="col-md-8" style="padding-top: 5%">
						<div>
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周一上午</label>
                      		&nbsp
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周一下午</label>
                      	</div>
						<div style="padding-top: 1%">
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周二上午</label>
                      		&nbsp
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周二下午</label>
						</div>
						<div style="padding-top: 1%">
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周三上午</label>
                      		&nbsp
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周三下午</label>
						</div>
						<div style="padding-top: 1%">
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周四上午</label>
                      		&nbsp
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周四下午</label>
						</div>
						<div style="padding-top: 1%">
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周五上午</label>
                      		&nbsp
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周五下午</label>
						</div>
						<div style="padding-top: 1%">
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周六上午</label>
                      		&nbsp
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周六下午</label>
						</div>
						<div style="padding-top: 1%">
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周日上午</label>
                      		&nbsp
							<input type="checkbox" name="radio" id="r5" value="">
                      		<label style="color: #888;">周日下午</label>
						</div>
						</div>
						</div>

                    <br /><br />
					<div class="col-md-12 send" style="margin-left: 1.5%; padding-top: 2%">
					<a data-toggle="collapse" class="panel-toggle" data-parent="#accordion" href="#collapseOne"  style="text-decoration: none;"><input type="submit" value="上一步" ></a>&nbsp&nbsp
							<a data-toggle="collapse" class="panel-toggle" data-parent="#accordion" href="#collapseThree"  style="text-decoration: none;"><input type="submit" value="下一步" ></a>
						</div>
					</form>
                </div>
                
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading">
                <h4 class="panel-title" style="font-size: 1.4em; ">  3. 注册完成 </h4>
              </div>
              <div id="collapseThree" class="panel-collapse collapse">
                <div class="panel-body">
					<p style="margin: auto;font-size: 23px; text-align: center; font-weight: bold;">恭喜你，完成注册！</p>
					<a onclick="patientindex()" style="color: #20CBBE; text-decoration: none;"><p style="margin: auto;margin-top:20px; font-size: 15px;text-align: center">准备跳转到主页...</p></a>
               <!-- href="patientIndex.html"  -->
                </div>
                </div>
              </div>
		    </div>

            </div>
          </div>
        </div>
	  </div>
  <!--footer-->
			<div class="footer text-center" style="padding-bottom: 0; text-align: center;">
				<div class="container">
					<div class="copy">
		              <p style="color: black">Copyright &copy; 2016. School of Electronics Engineering and Computer Science, Peking University.</p>
		            </div>
				</div>
			</div>

				<!--start-smoth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {	
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

</body>
</html>