Login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<% //写在head中是为了让页面加载前判断是否进行自动登录如果不是再加载页面
Cookie[] cookie=request.getCookies();//获取浏览器中的cookie数组
if(cookie!=null){ //如果不为空进行遍历
for(Cookie c:cookie){ //找到name为auto的获取其中的值
String name=c.getName();
String value=c.getValue();
if("auto".equals(name)){//找到auto 获取值
if(value!=null&&!"".equals(value)){//如果有值将该值请求发给Servlet处理自动登录
response.sendRedirect(request.getContextPath()+"/loginServlet?flag=auto");
}
}
}
}
%>
<style>
*{padding: 0px;margin: 0px}
image{border: none}
#head{
width: 530px;
height: 370px;
background: #2c262a;
position: relative;
border: 0px;
border-radius: 5px;
margin: auto;
}
#top{
width: 530px;
height: 120px;
position: relative;
border: 0px;
}
#center{
width: 530px;
height: 150px;
position: relative;
border: 0px;
}
#bottom{
width: 530px;
height: 100px;
position: relative;
border: 0px;
}
.a{
font-size: 28px;
color: white;
margin-left: 70px;
position: relative;
top: 45px;
}
.b{
color: #207e6a;
font-size: 16px;
margin-left: 70px;
position: relative;
top: 45px;
}
#center input{
width: 270px;
height: 55px;
background-color: #847780;
border: none;
border-radius: 5px;
position: relative;
left: 50px;
margin-top:20px ;
font-size: 18px;
color: #f4fffb;
}
#center button{
width: 79px;
height: 133px;
background: url("img/abc.jpg") no-repeat;
float: right;
position: relative;
border: 0px;
border-radius: 10px;
bottom:55px;
right: 30px;
}
#username{
background-image: url("img/b.jpg");
background-repeat: no-repeat;
background-position: 5px 10px;
text-indent: 2em;
}
#password{
background-image: url("img/c.jpg");
background-repeat: no-repeat;
background-position: 5px 10px;
text-indent: 2em;
}

    #clear{
        clear: both;
    }
    .c{
        margin-top: 40px;
        margin-left: 50px;
    }

    .d{
        width: 80px;
        height: 37px;
        background: #847780;
        border-radius: 5px;
        border: 0px;
        margin-left: 10px;
    }
    .f{
        color: white;
        font-size: 17px;
    }
    .g{
        color: white;
        font-size: 22px;
        margin-left: 10px;
    }
    .e{
        width: 75px;
        height: 49px;
        border: 0px;
        border-radius: 5px;
        position: relative;
        right: -85px;
        top: 15px;
    }
    .b a{
        color: #207e6a;
        text-decoration: none;
    }
    .b a:hover{
        text-decoration: none;
        color: orange;
        font-size: large;
    }
    #ee{
        margin-left: 4em;
        color:red;
    }
    #button{
        width: 75px;
        height: 49px;
       }
</style>

<script type="text/javascript">
    window.onload=function(){
        document.getElementById("button").src="validateCodeServlet?date="+new Date();
        document.getElementById("button").onclick=function(){
            document.getElementById("button").src="validateCodeServlet?date="+new Date();
        }
    }
</script>

</head>
<body>
<div id="head">
<div id="top">
<span class="a">Login</span>
<span class="b"><a href="http://127.0.0.1:8092/WebNew2/User.jsp">Register</a></span>
<span class="b"><a href="http://127.0.0.1:8092/WebNew2/forget.jsp">Forget</a></span>
</div>
<form action="loginServlet" method="post">
<div id="center">
<input id="username" type="text" placeholder="Username" name="username">
<input id="password" type="password" placeholder="Password" name="password">
<span id="ee">
<%String error=(String)request.getAttribute("error");
if(error!=null){%>
<%=error %>
<%} %>
</span>
<button type="submit" ></button>

        <div id="clear"></div>
    </div>
    <div id="bottom">
        <input class="c" type="checkbox" name="autologin" value="1"> <span class="f">Remember</span>
        <input class="d" type="text"><span class="g">点击更换</span>
        <button class="e"  type="button">
            <img src="img/d.jpg" id="button" alt="">
        </button>
    </div>
</form>

</div>
</body>
</html>

Login.jsp

推荐阅读更多精彩内容