87,988
社区成员
发帖
与我相关
我的任务
分享<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>E-MOUSE登录页面</title>
</head>
<style type="text/css">
.pg_header{
position: fixed;
height: 48px;
top: 0;
left: 0;
right: 0;
background-color: #4F4F4F;
line-height: 48px;
}
.pg_header .logo{
margin: 0 auto;
float: left;
width: 200px;
text-align: center;
line-height: 48px;
font-size: 28px;
color: white;
}
.box{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:450px;
padding:50px;
background: rgba(0,0,0,.8);
/*背景颜色为黑色,透明度为0.8*/
box-sizing:border-box;
/*box-sizing设置盒子模型的解析模式为怪异盒模型,
将border和padding划归到width范围内*/
box-shadow: 0px 15px 25px rgba(0,0,0,.5);
/*边框阴影 水平阴影0 垂直阴影15px 模糊25px 颜色黑色透明度0.5*/
border-radius:15px;
/*边框圆角,四个角均为15px*/
}
.box .inputbox label{
/*<label> 标签为 input 元素定义标注(标记)*/
position:absolute;
top:0px;
left:0px;
padding:10px 0;
font-size: 16px;
color:#fff;
pointer-events:none;
transition:.5s;
/*过渡时间5s*/
}
.box .inputbox input:focus ~ label,
.box .inputbox input:valid ~ label
{
top:-18px;
left:0;
color:#03a9f4;
font-size:14px;
}
</style>
<body>
<div class = "pg_header">
<a class = "logo">E-MOUSE</a>
</div>
<!-- 登录框 -->
<div class="box">
<h2 align="center">E-MOUSE Login</h2>
<form name="frm" action="../login/login_action.jsp" method="post">
<div class="inputbox">
Username <input type="text" name="username" value=""> <br><br>
Password  <input type="password" name="password" value="">
</div><br><br>
<div>
<input type="button" value="Login" onclick="check()">
<input type="button" value="Register" onclick="javascript:window.location.href='../login/register.jsp'">
</div></form>
</div>
<script language="javascript" src="../js/bootstrap.js"></script>
<script language="JavaScript" >
function check(){
alert("111");
if(frm.username.value==""){
alert("请输入用户名!");
frm.username.focus();
return;
}
if(frm.password.value==""){
alert("请输入密码!");
frm.password.focus();
return;
}
frm.submit();
}
window.onload=function flagT(){
int flag =parseInt(request.getSession().getAttribute("loginflag"));
if ( flag != null && flag == 2 ){
out.println("alert('用户【"+request.getSession().getAttribute("username")+"】不存在!')");
} else if ( flag != null && flag == 3 ) {
out.println("alert('密码错误!')");
}
}
</script>
</body>
</html>