登录注册

master
xiaolei 7 years ago
parent aef0cae73a
commit 281ab6a65c

@ -0,0 +1,21 @@
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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">
</head>
<body>
<center><h1>登录成功!!!!</h1></center>
<hr>
</body>
</html>

@ -0,0 +1,17 @@
<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>添加用户页面</title>
</head>
<body>
<form action = "AddUserServlet" method = "POST">
用户名:<input type = "text" name = "username">
密码:<input type = "password" name = "userpass">
<input type = "submit" value = "注册">
<input type = "reset" value = "重置">
</form>
</body>
</html>

@ -1,150 +1,17 @@
<p>&lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=utf-8&quot;<br>
pageEncoding=&quot;utf-8&quot;%&gt;<br>
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;<br>
&lt;html&gt;<br>
&lt;head&gt;<br>
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;<br>
&lt;title&gt;Insert title here&lt;/title&gt;<br>
&lt;/head&gt;<br>
&lt;head&gt;<br>
&lt;meta charset=&quot;utf-8&quot;&gt;<br>
&lt;title&gt;登录&lt;/title&gt;<br>
&lt;style type=&quot;text/css&quot;&gt;<br>
body{<br>
margin: 0;<br>
padding: 0; <br>
background:url(' 图片/timg (4).jpg');<br>
background-position: center;<br>
background-repeat: no-repeat;<br>
}<br>
input{<br>
display: inline-block;<br>
background: #fff;<br>
}<br>
.xzc-title-box{<br>
position: absolute;<br>
width: 300px;<br>
height: 50px;<br>
margin-left: 100px;<br>
margin-top: 5px;<br>
text-align:center;<br>
font-size: 28px;<br>
font-weight: 800;<br>
color: #ff5000;<br>
line-height: 50px;<br>
}<br>
.xzc-login-box{<br>
position: relative;<br>
height: 400px;<br>
width: 500px;<br>
top: 50px;<br>
margin: 0 auto;<br>
z-index: 99999;<br>
background: white;<br>
border: 7px solid #ccc;<br>
}<br>
.xzc-username-box{<br>
position: absolute;<br>
width: 420px;<br>
height: 40px;<br>
line-height: 40px;<br>
margin-top:100px;<br>
margin-left:80px;<br>
font-weight: 700;<br>
}<br>
.xzc-username-input{<br>
display: inline-block;<br>
margin-left: 5px;<br>
/*background: green;*/<br>
}<br>
#username{<br>
height: 35px;<br>
width: 290px;<br>
border: 2px solid #ccc;<br>
border-radius: 5px;<br>
}<br>
</p>
<p> .xzc-userPassword-box{<br>
position: absolute;<br>
width: 420px;<br>
height: 40px;<br>
line-height: 40px;<br>
margin-top:180px;<br>
margin-left:80px;<br>
font-weight: 700;<br>
}<br>
.xzc-userPassword-input{<br>
display: inline-block;<br>
margin-left: 20px;<br>
}<br>
#userPassword{<br>
height: 35px;<br>
width: 290px;<br>
border: 2px solid #ccc;<br>
border-radius: 5px;<br>
}<br>
.xzc-submit-box{<br>
position:absolute;<br>
width: 80px;<br>
height: 40px;<br>
line-height: 40px;<br>
margin-top: 30px;<br>
margin-left:100px;<br>
border-radius: 5px;<br>
background: grey;<br>
}<br>
#xzc-submit-button{<br>
display: inline-block;<br>
width: 80px;<br>
height: 40px;<br>
border-radius: 5px;<br>
background: #C5C5F8;<br>
}<br>
.xzc-goGetback-box{<br>
position:absolute;<br>
width: 150px;<br>
height: 20px;<br>
margin-top: 80px;<br>
margin-left:40px;<br>
<br>
}<br>
.xzc-goback-box<br>
{<br>
position:absolute;<br>
margin-top: 80px;<br>
margin-left:200px;<br>
<br>
}<br>
}<br>
&lt;/style&gt;<br>
&lt;/head&gt;</p>
<p>&lt;body&gt;<br>
&lt;div class=xzc-login-box&gt;<br>
&lt;div class=xzc-title-box&gt;<br>
&lt;span&gt;约球吧&lt;/span&gt;<br>
&lt;/div&gt;<br>
&lt;form action=&quot;#&quot; method=&quot;post&quot;&gt;<br>
&lt;div class=&quot;xzc-username-box&quot;&gt;<br>
&lt;label for=&quot;username&quot;&gt;用户名&lt;/label&gt;<br>
&lt;div class=&quot;xzc-username-input&quot;&gt;<br>
&lt;input type=&quot;text&quot; id=&quot;username&quot; name=&quot;username&quot; placeholder=&quot;请输入用户名&quot; /&gt;<br>
&lt;/div&gt;<br>
&lt;/div&gt;<br>
&lt;div class=&quot;xzc-userPassword-box&quot;&gt;<br>
&lt;label for=&quot;userPassword&quot;&gt;密码&lt;/label&gt;<br>
&lt;div class=&quot;xzc-userPassword-input&quot;&gt;<br>
&lt;input type=&quot;password&quot; id=&quot;userPassword&quot; name=&quot;userPassword&quot; placeholder=&quot;请输入密码&quot; /&gt;<br>
&lt;/div&gt;<br>
&lt;div class=&quot;xzc-submit-box&quot;&gt;<br>
&lt;input id = &quot;xzc-submit-button&quot; type=&quot;submit&quot; value=&quot;登录&quot;&gt;<br>
&lt;/div&gt;<br>
&lt;div class=&quot;xzc-goGetback-box&quot;&gt;<br>
&lt;a href=&quot;#&quot; style=&quot;text-decoration: none;&quot;&gt;忘记密码?去找回&lt;/a&gt;<br>
&lt;/div&gt;<br>
&lt;div class=xzc-goback-box&gt;<br>
&lt;a href=&quot;&quot;&gt;返回上一页&lt;/a&gt;<br>
&lt;/div&gt;<br>
&lt;/div&gt;<br>
&lt;/div&gt;<br>
&lt;/body&gt;</p>
<p>&lt;/html&gt;</p>
<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>登陆页面</title>
</head>
<body>
<form method = "POST" action = "LoginServlet">
用户名:<input type = "text" name = "username">
密码:<input type = "password" name = "userpass">
<input type = "submit" value = "登陆">
<input type = "reset" value = "重置">
</form>
</body>
</html>

@ -0,0 +1,285 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>账户注册</title>
<style type="text/css">
body,input{
margin: 0;
padding: 0;
background-image: url("图片/timg(5).jpg");
background-position: left;
background-repeat: no-repeat;
}
input{
display: inline-block;
background: #fff;
}
.xiao-container{
width: 100%;
}
.xiao-register-box{
position: relative;
height: 800px;
width: 800px;
top: 50px;
margin: 0 auto;
z-index: 99999;
border: 7px solid #ccc;
background-image: url( '' );
background-position:right;
background-repeat: no-repeat;
}
.xiao-title-box{
position: absolute;
width: 300px;
height: 50px;
margin-left: 250px;
margin-top: 5px;
text-align: center;
font-size: 28px;
font-weight: 800;
color: #ff5000;
line-height: 50px;
}
.xiao-username-box{
position: absolute;
width: 420px;
height: 40px;
line-height: 40px;
margin-top:100px;
margin-left:80px;
font-weight: 700;
}
.xiao-username-input{
display: inline-block;
margin-left: 45px;
/*background: green;*/
}
#username{
height: 35px;
width: 290px;
border: 2px solid #ccc;
border-radius: 5px;
}
.xiao-userPassword-box{
position: absolute;
width: 420px;
height: 40px;
line-height: 40px;
margin-top:180px;
margin-left:80px;
font-weight: 700;
}
.xiao-userPassword-input{
display: inline-block;
margin-left: 61px;
}
#userPassword{
height: 35px;
width: 290px;
border: 2px solid #ccc;
border-radius: 5px;
}
.xiao-userRePassword-box{
position: absolute;
width: 420px;
height: 40px;
line-height: 40px;
margin-top:260px;
margin-left:80px;
font-weight: 700;
}
.xiao-userRePassword-input{
display: inline-block;
margin-left: 28px;
}
#userRePassword{
height: 35px;
width: 290px;
border: 2px solid #ccc;
border-radius: 5px;
}
.xiao-userPhone-box{
position: absolute;
width: 420px;
height: 40px;
line-height: 40px;
margin-top:340px;
margin-left:80px;
font-weight: 700;
}
.xiao-userPhone-input{
display: inline-block;
margin-left: 28px;
}
#userPhone{
height: 35px;
width: 290px;
border: 2px solid #ccc;
border-radius: 5px;
}
.xiao-userEmail-box{
position: absolute;
width: 420px;
height: 40px;
line-height: 40px;
margin-top:420px;
margin-left:80px;
font-weight: 700;
}
.xiao-userEmail-input{
display: inline-block;
margin-left: 28px;
}
#userEmail{
height: 35px;
width: 290px;
border: 2px solid #ccc;
border-radius: 5px;
}
.xiao-userIntro-box{
position: absolute;
width: 420px;
height: 40px;
line-height: 40px;
margin-top:500px;
margin-left:80px;
font-weight: 700;
}
.xiao-userIntro-input{
display: inline-block;
margin-left: 28px;
}
#userIntro{
height: 35px;
width: 290px;
border: 2px solid #ccc;
border-radius: 5px;
}
.xiao-userGender-box{
position: absolute;
width: 420px;
height: 40px;
line-height: 40px;
margin-top:580px;
margin-left:82px;
font-weight: 700;
}
.xiao-userGender-input{
display: inline-block;
margin-left: 62px;
}
.xiao-require{
color: red;
}
.xiao-submit-box{
position:absolute;
width: 80px;
height: 40px;
line-height: 40px;
margin-top: 660px;
margin-left:200px;
border-radius: 5px;
background: grey;
}
#xiao-submit-button{
display: inline-block;
width: 80px;
height: 40px;
border-radius: 5px;
background: #C5C5F8;
}
.xiao-goLogin-box{
position:absolute;
width: 150px;
height: 20px;
margin-top: 670px;
margin-left:320px;
}
</style>
</head>
<body>
<div class="xiao-container">
<div class="xiao-register-box" >
<div class="xiao-title-box">
<span>用户注册</span>
</div>
<form action="#" method="post">
<div class="xiao-username-box">
<span class="xiao-require">*</span>
<label for="username">用户名</label>
<div class="xiao-username-input">
<input type="text" id="username" name="username" placeholder="请输入用户名 长度:6-12个字符" />
</div>
</div>
<div class="xiao-userPassword-box">
<span class="xiao-require">*</span>
<label for="userPassword">密码</label>
<div class="xiao-userPassword-input">
<input type="password" id="userPassword" name="userPassword" placeholder="请输入密码 长度:6-12个字符" />
</div>
</div>
<div class="xiao-userRePassword-box">
<span class="xiao-require">*</span>
<label for="userRePassword">确认密码</label>
<div class="xiao-userRePassword-input">
<input type="password" id="userRePassword" name="userRePassword" placeholder="请重复输入密码" />
</div>
</div>
<div class="xiao-userPhone-box">
<span class="xiao-require">*</span>
<label for="userPhone">手机号码</label>
<div class="xiao-userPhone-input">
<input type="text" id="userPhone" name="userPhone" placeholder="请输入您的手机号码11位有效数字" />
</div>
</div>
<div class="xiao-userEmail-box">
<span class="xiao-require">*</span>
<label for="userEmail">电子邮箱</label>
<div class="xiao-userEmail-input">
<input type="text" id="userEmail" name="userEmail" placeholder="请输入您的邮箱地址123@qq.com" />
</div>
</div>
<div class="xiao-userIntro-box">
<span class="xiao-require">*</span>
<label for="userIntro">个人资料</label>
<div class="xiao-userIntro-input">
<input type="Introduction" id="userIntro" name="userIntro" placeholder="介绍下自己吧" />
</div>
</div>
<div class="xiao-userGender-box">
<span class="xiao-require">*</span>
<label for="userGender">性别</label>
<div class="xiao-userGender-input">
<input type="radio" id="userGender_01" name="userGender" value="0" checked="checked" />男
<input type="radio" id="userGender_02" name="userGender" value="1" />女
</div>
</div>
<div class="xiao-submit-box">
<input id = "xiao-submit-button" type="submit" value="注册">
</div>
<div class="xiao-goLogin-box">
<a href="#" style="text-decoration: none;">已有账号?去登录</a>
</div>
</form>
</div>
</div>
</body>
</html>

Binary file not shown.

Binary file not shown.

Binary file not shown.
Loading…
Cancel
Save