1 <%@ page language="java" contentType="text/html; charset=utf-8"
2 pageEncoding="utf-8"%>
3 <!DOCTYPE html >
4 <html>
5 <head>
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7 <title>注册页面</title>
8 <script type="text/javascript">
9 function check(form) {
10 with (form) {
11 if (username.value == "") {
12 alert("用户名不能为空");
13 return false;
14 } else if (password.value == "" || password1.value == "") {
15 alert("密码不能为空");
16 return false;
17 } else
18 return true;
19 }
20 }
21 </script>
22 <style>
23 .a {
24 border: 2px solid #a1a1a1;
25 padding: 10px 40px;
26 /* background:#dddddd; */
27 width: px;
28 border-radius: 25px;
29 }
30 #bk {
31 border: 3px solid #a1a1a1;
32 padding: 10px 60px;
33 /* background:#dddddd; */
34 width: px;
35 border-radius: 25px;
36 }
37 .button {
38 background-color: #ff8433;
39 border: none;
40 color: white;
41 padding: 5px 10px;
42 text-decoration: none;
43 display: inline-block;
44 font-size: 16px;
45 margin: 2px 2px;
46 cursor: pointer;
47 }
48 table{
49 margin: auto;
50 }
51 </style>
52 </head>
53 <body>
54 <br>
55 <br>
56 <br>
57 <h3 align="center">注册页面</h3>
58 <hr>
59 <form action="Rservlet" method="post"
60 onsubmit="return check(this);">
61 <div style="text-align: center;">
62 <table>
63 <tr>
64 <td>用户名</td>
65 <td><input id="bk" type="text" name="username" placeholder="6-12字母数字|字母开头" ></td>
66 </tr>
67 <tr>
68 <td>密码</td>
69 <td><input id="bk" type="password" name="password"placeholder="由6位英文和数字组成"></td>
70 </tr>
71 <tr>
72 <td>姓名</td>
73 <td><input id="bk" type="text" name="name"></td>
74 </tr>
75 <tr>
76 <td>性别</td>
77 <td><input type="radio" name="sex" value="male">Male
78 <input type="radio" name="sex" value="female">Female</td>
79
80 </tr>
81 <tr>
82 <td>手机号</td>
83 <td><input id="bk" type="text" name="phone"></td>
84 </tr>
85 <tr>
86 <td>地区</td>
87 <td><select style="width:200px;hight:20px;" name="place">
88 <option value="天津">天津</option>
89 <option value="河北">河北</option>
90 <option value="北京">北京</option>
91 <option value="唐山">唐山</option>
92 </select></td>
93 </tr>
94 <tr>
95 <td>邮箱</td>
96 <td><input id="bk" type="text" name="email"></td>
97 </tr>
98 <tr>
99 <td></td>
100 <td><input class ="button" type="submit" value="注册">
101 <input class ="button" type="reset" value="重置"></td>
102 </tr>
103 </table>
104 </div>
105 </form>
106 </body>
107 </html>
知识兔