register.html
4.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<title>注册</title>
<script src="../js/fontsize.js"></script>
<link rel="stylesheet" href="../css/init.css">
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_793738_tlxymah92x.css">
<link rel="stylesheet" href="../css/register.css">
</head>
<body>
<div class="container">
<div class="banner_box"><img src="../images/abg01@2x.png" alt=""></div>
<div class="content_box">
<div class="content_item sub_item">
<div class="item_list">
<div class="list_title">真实姓名</div>
<div class="list_input"><input type="text" placeholder="请输入真实姓名" id="user_name"></div>
</div>
<div class="item_list">
<div class="list_title">手机号</div>
<div class="list_input"><input type="text" placeholder="请输入手机号" id="phone_num"></div>
</div>
<div class="item_list">
<div class="list_title">验证码</div>
<div class="list_input list_button"><input type="text" placeholder="请输入验证码" id="verify_code">
<button>获取验证码</button>
</div>
</div>
</div>
<div class="content_item">
<div class="item_list">
<div class="list_title">平台</div>
<div class="list_input"><input type="text" placeholder="请选择平台" id="platform">
<text class="iconfont icon-xiala"></text>
</div>
</div>
<div class="item_list">
<div class="list_title">医院</div>
<div class="list_input"><input type="text" placeholder="请选择医院">
<text class="iconfont icon-xiala"></text>
</div>
</div>
<div class="item_list">
<div class="list_title">科室</div>
<div class="list_input"><input type="text" placeholder="请选择科室 ">
<text class="iconfont icon-xiala"></text>
</div>
</div>
<div class="item_list">
<div class="list_title">职务</div>
<div class="list_input"><input type="text" placeholder="请选择职务">
<text class="iconfont icon-xiala"></text>
</div>
</div>
<div class="item_list">
<div class="list_title">所在地区</div>
<div class="list_select">
<div class="select_item">
<select name="province" id="province" >
<option value="请选择"><text class="area">省份</text> </option>
</select>
<div class="iconfont icon-daosanjiao"></div>
</div>
<div class="select_item">
<select name="city" id="city" >
<option value="请选择">城市</option>
</select>
<div class="iconfont icon-daosanjiao"></div>
</div>
<div class="select_item">
<select name="town" id="town">
<option value="请选择">区县</option>
</select>
<div class="iconfont icon-daosanjiao"></div>
</div>
</div>
</div>
<div class="item_list">
<div class="register_btn">完成注册</div>
</div>
</div>
</div>
</div>
<!--成功第一步-->
<div class="mask_box first">
<div class="popup_box">
<div>恭喜您已注册成功！</div>
<div>您已获得100积分，快去使用吧！</div>
</div>
</div>
<!--成功第二步-->
<div class="mask_box success">
<div class="success_box">
<div>注册成功，请耐心等待</div>
<div>平台会在两个工作日以内完成审核！！</div>
<div class="success_info">如有疑问请联系客服：400-56183264</div>
</div>
</div>
<script src="../js/jquery-2.1.0.js"></script>
<script src="../js/area.js"></script>
<script src="../js/select.js"></script>
<script>
$('.mask_box').hide()
$('.register_btn').click(function () {
$('.first').show().delay(3000).hide(2)
})
</script>
</body>
</html>