<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<title>html5响应式后台登录界面模板</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- CSS -->
<link rel="stylesheet" href="css/supersized.css">
<link rel="stylesheet" href="css/login.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
<script src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/load.js"></script>
</head>
<body οnlοad="load_greeting()">
<div class="page-container">
<div class="main_box">
<div class="login_box">
<div class="login_logo">
<img src="images/logo.png" >
</div>
<div class="login_form">
<form action="login.php" id="login_form" method="post" align="left" onSubmit="return validate()">
<table>
<div class="form-group">
<label for="j_username" class="t">用 户:</label>
<input type="text" name="username" id="username" size="20" onChange='check("username")' class="form-control x319 in"
autocomplete="off" >
<td id="usernameCheck" class="username" hidden="true">*用户不能为空</td>
</div>
<div class="form-group">
<label for="j_password" class="t">密 码:</label>
<input type="password" name="password" id="password" size="20" onChange='check("password")'
class="password form-control x319 in">
<td id="passwordCheck" class="password" hidden="true">*密码长度不能小于6</td>
</div>
<div class="form-group">
<label for="j_captcha" class="t">验证码:</label>
<input type="captcha" name="captcha" id="captcha" size="20" onChange='check("captcha")' class="form-control x164 in" autocomplete="off">
<img id="captcha_img" alt="点击更换" title="点击更换" src="/w/app/checkcode.php" class="m" οnclick="this.src='/w/app/checkcode.php?d='+Math.random();">
<td id="captchaCheck" class="captcha" hidden="true">*验证码长度不能小于4</td>
</div>
<label class="user_return">
<?php
//接受其它数据
@$enter=$_REQUEST['enter'];//用户
if ($enter==1){
echo"警告用户错误!";
}
if ($enter==2){
echo"警告密码错误!";
}
if ($enter==3){
echo"警告验证码错误!";
}
?>
</label>
<div class="form-group">
<label class="t"></label>
<label for="j_remember" class="m">
<input id="j_remember" type="checkbox" value="true"> 记住登陆账号!</label>
</div>
<div class="form-group space">
<label class="t"></label>
<button type="submit" id="submit_btn"
class="btn btn-primary btn-lg"> 登 录 </button>
<input type="reset" value=" 重 置 " class="btn btn-default btn-lg">
</div>
</table>
</form>
</div>
</div>
<div class="bottom">Copyright © 2014 - 2015 <a href="#">系统登陆</a></div>
</div>
</div>
<!-- Javascript -->
<script src="js/supersized.3.2.7.min.js"></script>
<script src="js/supersized-init.js"></script>
</div>
</body>
</html>
登陆测试
最新推荐文章于 2022-09-05 14:39:33 发布