login.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>登录</title>
  7. <link rel="stylesheet" href="layui/css/layui.css">
  8. <link rel="stylesheet" href="login.css">
  9. <style>
  10. .layui-form-item {
  11. margin-bottom: 40px;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <div id="main">
  17. <div class="layui-container">
  18. <div class="layui-row">
  19. <div class="layui-col-md4 layui-col-md-offset4">
  20. <div class="loginForm">
  21. <form id="loginForm" class="layui-form">
  22. <div class="layui-form-item">
  23. <div class="layui-form-block">
  24. <input id="username" type="text" name="username" lay-verify="loginAccount"
  25. placeholder="请输入用户名" class="layui-input">
  26. </div>
  27. </div>
  28. <div class="layui-form-item">
  29. <div class="layui-form-block">
  30. <input id="password" type="password" name="password" lay-verify="password"
  31. placeholder="请输入密码" class="layui-input">
  32. </div>
  33. </div>
  34. <!-- <div class="layui-form-item">
  35. <div class="layui-input-block">
  36. <input type="radio" name="sex" value="记住密码" title="记住密码" checked="">
  37. </div>
  38. </div> -->
  39. <div class="layui-form-item">
  40. <div class="layui-form-block">
  41. <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="loginForm">登&nbsp;&nbsp;录</button>
  42. </div>
  43. </div>
  44. </form>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. <script src="js/jquery.min.js"></script>
  51. <script src="layui/layui.js"></script>
  52. <script src="../constans.js"></script>
  53. <script src="js/login.js"></script>
  54. </body>
  55. </html>