200 lines
5.6 KiB
Plaintext
200 lines
5.6 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
pageEncoding="UTF-8"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<title>宿州教育培训考试系统</title>
|
|
<c:set var="bonuspath" value="${pageContext.request.contextPath}" />
|
|
<script>
|
|
var bonuspath = '${bonuspath}';
|
|
</script>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<title>Insert title here</title>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport"
|
|
content="width=device-width,initial-scale=1.0,user-scalable=no">
|
|
<script src="${bonuspath}/static/js/jquery/jquery-1.7.2.js"></script>
|
|
<script type="text/javascript"
|
|
src="${bonuspath}/static/js/jquery/jquery.tips.js"></script>
|
|
<!--提示组件end-->
|
|
<link rel="icon" href="${bonuspath}/favicon.ico" type="image/x-icon" />
|
|
<link rel="shortcut icon" href="${bonuspath}/favicon.ico"
|
|
type="image/x-icon" />
|
|
<link rel="bookmark" href="${bonuspath}/favicon.ico" type="image/x-icon" />
|
|
<link rel="stylesheet"
|
|
href="${bonuspath}/static/css/bootstrap/bootstrap1.min.css" />
|
|
<link href="${bonuspath}/static/css/sys/images/iconfont/style.css"
|
|
type="text/css" rel="stylesheet">
|
|
<%-- <link rel="stylesheet"
|
|
href="${bonuspath}/static/css/ace/font-awesome.min.css" /> --%>
|
|
<link rel="stylesheet"
|
|
href="${bonuspath}/static/css/jquery/jquery-ui-1.10.3.full.min.css" />
|
|
<link rel="stylesheet" href="${bonuspath}/static/css/sys/login.css" />
|
|
<script src="${bonuspath}/static/js/jquery/jquery-ui-1.10.3.full.min.js"></script>
|
|
<script src="${bonuspath}/static/js/jquery/jquery.md5.js"></script>
|
|
<script type="text/javascript" src="${bonuspath}/static/js/sys/login.js"></script>
|
|
<style>
|
|
input:-webkit-autofill {
|
|
-webkit-box-shadow: 0 0 0px 1000px #053F68 inset;
|
|
}
|
|
|
|
body {
|
|
color: #fff;
|
|
font-family: "微软雅黑";
|
|
font-size: 14px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.wrap1 {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
margin: auto
|
|
} /*把整个屏幕真正撑开--而且能自己实现居中*/
|
|
.main_content {
|
|
background: url(images/main_bg.png) repeat;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: left;
|
|
float: none;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.form-group {
|
|
position: relative;
|
|
}
|
|
|
|
.login_btn {
|
|
display: block;
|
|
background: #159997;
|
|
color: #fff;
|
|
font-size: 15px;
|
|
width: 100%;
|
|
line-height: 50px;
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
|
|
.login_input {
|
|
width: 80%;
|
|
border: 1px solid #159997;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
border: 1.5px solid;
|
|
border-color: #098CBA;
|
|
line-height: 45px;
|
|
padding: 2px 5px 2px 30px;
|
|
background: none;
|
|
}
|
|
|
|
.login_input2 {
|
|
width: 80%;
|
|
border: 1px solid #159997;
|
|
border-radius: 8px;
|
|
outline: none;
|
|
line-height: 50px;
|
|
padding: 2px 5px 2px 30px;
|
|
background: none;
|
|
}
|
|
|
|
.login_input1 {
|
|
width: 100%;
|
|
border: 1px solid #159997;
|
|
border-radius: 1px;
|
|
line-height: 0px;
|
|
padding: 1px 1px 1px 3px;
|
|
background: none;
|
|
}
|
|
|
|
.icon_font {
|
|
position: absolute;
|
|
bottom: 15px;
|
|
left: 55px;
|
|
font-size: 18px;
|
|
color: white;
|
|
}
|
|
|
|
.font16 {
|
|
font-size: 46px;
|
|
}
|
|
|
|
.mg-t20 {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.mg-t25 {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.mg-t30 {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
@media ( min-width :200px) {
|
|
.pd-xs-20 {
|
|
padding: 0px;
|
|
}
|
|
}
|
|
|
|
@media ( min-width :768px) {
|
|
.pd-sm-50 {
|
|
padding: 0px;
|
|
}
|
|
}
|
|
|
|
#grad {
|
|
background: -webkit-linear-gradient(#4990c1, #52a3d2, #6186a3);
|
|
/* Safari 5.1 - 6.0 */
|
|
background: -o-linear-gradient(#4990c1, #52a3d2, #6186a3);
|
|
/* Opera 11.1 - 12.0 */
|
|
background: -moz-linear-gradient(#4990c1, #52a3d2, #6186a3);
|
|
/* Firefox 3.6 - 15 */
|
|
background: linear-gradient(#4990c1, #52a3d2, #6186a3);
|
|
} /* 标准的语法 */
|
|
</style>
|
|
</head>
|
|
<body class=""
|
|
style="font-family: '微软雅黑'; background-color:#1588BB; background:url(${bonuspath}/static/css/sys/images/login/bg.png); no-repeat; background-size:100% 100%; ">
|
|
|
|
|
|
<div class="container wrap1" style="width: 550px; height: 450px;">
|
|
<div
|
|
style="height: 80px; background-color: #002636; border-radius: 15px">
|
|
<p class=" text-center font16" style="top: 30px; color: #258CC3;">宿州教育培训考试系统</p>
|
|
</div>
|
|
<div class="mg-t30"
|
|
style="height: 230px; background-color: #053F68; border-radius: 15px;">
|
|
<form action="" onsubmit="return false">
|
|
<div class="form-group " style="text-align: center;">
|
|
<i class="icon-user icon_font" style="text-align: center;"></i> <input
|
|
class="login_input mg-t25" required="required" type="text"
|
|
style="" onclick="clean();" value="" id="accountNameId"
|
|
name="accountName" placeholder="请输入身份证号" />
|
|
</div>
|
|
<p style="position: absolute; left: 15%; color: red;" id="usererror"></p>
|
|
<div class="form-group hide" style="text-align: center;">
|
|
<i class="icon-lock icon_font" style="text-align: center;"></i> <input
|
|
class="login_input mg-t20" required="required" type="password"
|
|
onclick="clean();" id="passwordId" name="password" value="123456"
|
|
placeholder="请输入密码" />
|
|
</div>
|
|
<p style="position: absolute; left: 15%; color: red;"
|
|
id="passworderror"></p>
|
|
<div class="form-group " style="text-align: center;">
|
|
<!-- <i class="icon-user icon_font" style="text-align: center;"></i> -->
|
|
<i id="accountNameId"></i> <input class="login_input2 mg-t20 "
|
|
id="loginBtn" required="required" type="button"
|
|
style="color: white; background-color: #098CBA; text-align: center; font-size: 25px;"
|
|
id="accountNameId" name="accountName" value="登 录 "
|
|
placeholder=""/>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |