Javaweb<JSP的内置对象>实验
注册界面:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>用户注册</title>
<style>
.w{
/*text-align: center;*/
background-color: #00FFFF;
width: 600px;
height: 430px;
margin: 50px auto;
}
.t{
text-align: left;
margin: 10px;
}
label{
display: inline-block;
text-align: right;
width: 200px;
}
input{
display: inline-block;
text-align: left;
margin: 10px;
}
.submit{
display: inline-block;
margin: 10px 290px;
}
.agree{
margin: 0 165px;
}
.agree span{
color:#A94424;
}
a{
color:#F9991F;
}
</style>
</head>
<body>
<div class="w">
<form action="success.jsp">
<div class="t">
<strong>Please ensure the authenticity of the identity information!</strong>
</div>
<div>
<div>
<label>USERNAME:</label>
<span><input type="text" name="userName"></span>
</div>
<div>
<label >PASSWORD:</label>
<span><input type="password" name="pwd"></span>
</div>
<div>
<label>CONFIRM PASSWORD:</label>
<span><input type="password"></span>
</div>
<div>
<label>EMAIL:</label>
<span><input type="text" name="email"></span>
</div>
<div>
<label>MOBILE PHONE:</label>
<span><input type="text" name="modile"></span>
</div>
<div>
<label>ADDRESS:</label>
<span><input type="text" name="address"></span>
</div>
<div class="agree">
<span class="check"><input type="checkbox">I agree with the <a href="">policy</a></span>
</div>
<div>
<span><input type="submit" value="regist" class="submit"></span>
</div>
</div>
</form>
</div>
</body>
</html>
注册界面展示
用户登录界面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录</title>
<style>
.button
{ margin-right: 10px;}
.w{
/*text-align: center;*/
background-color:#00FFFF;
width: 500px;
height: 250px;
margin: 80px auto;
}
.t{
text-align: left;
padding: 15px;
}
label{
display: inline-block;
text-align: right;
width: 65px;
padding: 10px 15px;
}
input{
display: inline-block;
text-align: left;
margin: 10px;
}
.submit{
display: inline-block;
margin: 0px 20px;
}
.b div{
margin: 0 80px;
}
.a{
display: inline-block;
}
.check{
color:#A7482A ;
}
</style>
</head>
<body>
<div class="w">
<div class="t"><strong>WELCOME TO</strong></div>
<div class="b">
<div>
<label>USERNAME:</label>
<span><input type="text"></span>
</div>
<div>
<label >PASSWORD:</label>
<span><input type="password"></span>
</div>
<div>
<span class="check"><input type="checkbox" >always remember the password</span>
</div>
<div class="button">
<span>
<a href="regist.jsp"><input type="submit" value="regist"></a>
<input type="submit" value="login" class="submit">
</span>
</div>
</div>
</div>
</body>
</html>
用户登录界面展示
登陆成功界面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>注册成功</title>
<style>
a{
text-align: right;
color:#F99E30
}
.w{
font-size:25px;
width: 680px;
height: 450px;
background-color: #00FFFF;
margin: 30px auto;
}
.t{
color:#C0C0C0;
padding: 15px;
}
</style>
</head>
<body>
<div class="w">
<div class="t"><strong>Congratulations on your successful registration!</strong></div>
</div>
<div class="a">
<a href="login.jsp">BACK</a>
</div>
</body>
</html>
登陆成功界面展示
作者:沈香香