login.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html class="bg-black">
  3. <head>
  4. <meta charset="utf-8">
  5. <title><!--{title}-->登录
  6. </title>
  7. <!-- bootstrap 3.0.2 -->
  8. <link href="https://shadowsocks5.b0.upaiyun.com/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  9. <!-- font Awesome -->
  10. <link href="https://shadowsocks5.b0.upaiyun.com/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  11. <!-- Theme style -->
  12. <link href="https://shadowsocks5.b0.upaiyun.com/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  13. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  14. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  15. <!--[if lt IE 9]>
  16. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  17. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  18. <![endif]-->
  19. </head>
  20. <body class="bg-black">
  21. <div class="form-box" id="login-box">
  22. <div class="header">登录</div>
  23. <form role="form" action="" method="post" onsubmit="return logincheck()">
  24. <div class="body bg-gray">
  25. <div class="form-group">
  26. <input type="username" name="username" class="form-control" placeholder="Username" required autofocus>
  27. </div>
  28. <div class="form-group">
  29. <input type="password" name="password" class="form-control" placeholder="Password" required>
  30. </div>
  31. </div>
  32. <div class="footer">
  33. <input type="hidden" name="do" value="login">
  34. <button type="submit" class="btn bg-olive btn-block" name="login">登录</button>
  35. <a href="/user/reg.html" style="float:left">注册</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  36. <a href="/user/reset.html" style="float:right">忘记密码</a>
  37. </div>
  38. </form>
  39. </div>
  40. <script LANGUAGE="javascript">
  41. function logincheck() {
  42. if (document.login.username.value.length == 0) {
  43. alert("请输入用户名");
  44. document.login.username.focus();
  45. return false;
  46. }
  47. if (document.login.password.value.length == 0) {
  48. alert("请输入密码!");
  49. document.login.password.focus();
  50. return false;
  51. }
  52. }
  53. </script>
  54. <!-- jQuery 2.0.2 -->
  55. <script src="/js/jquery-2.0.3.min.js"></script>
  56. <!-- Bootstrap -->
  57. <script src="/js/bootstrap.min.js" type="text/javascript"></script>
  58. </body>
  59. </html>