login.html 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>登录</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <meta name="keywords" content="登录">
  10. <meta name="description" content="登录">
  11. <!--[if lt IE 9]><meta http-equiv="refresh" content="0;ie.html"/><![endif]-->
  12. <link rel="shortcut icon" href="favicon.ico">
  13. <link href="login/css/bootstrap.min14ed.css" rel="stylesheet">
  14. <link href="login/css/font-awesome.min93e3.css" rel="stylesheet">
  15. <link href="login/css/style.min862f.css" rel="stylesheet">
  16. <link rel="stylesheet" href="login/css/login.css" />
  17. </head>
  18. <body>
  19. <div id="main">
  20. <div class="row">
  21. <div class="col-sm-8 left-img">
  22. <img src="login/image/icon_chahua.png" />
  23. </div>
  24. <div id="loginForm" class="col-sm-4">
  25. <div class="tabs-container">
  26. <ul class="nav nav-tabs">
  27. <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">手机号登录</a>
  28. </li>
  29. <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">验证码登录</a>
  30. </li>
  31. </ul>
  32. <div class="tab-content">
  33. <div id="tab-1" class="tab-pane active">
  34. <div class="panel-body">
  35. <form id="form1" class="m-t" role="form" onsubmit="return false;">
  36. <div class="form-group">
  37. <input id="mobile1" mobile maxlength="11" type="text" name="mobile1" class="form-control" placeholder="请输入手机号码" required="">
  38. </div>
  39. <div class="form-group">
  40. <input id="password" type="password" name="password" class="form-control" placeholder="初始密码为手机号码后六位" required="">
  41. <i class="fa fa-eye-slash psw-eye" aria-hidden="true"></i>
  42. </div>
  43. <button type="submit" class="btn btn-success block full-width m-b">登 录</button>
  44. <!--<p class="text-muted text-center"> <a href="login.html#"><small>忘记密码了?</small></a> | <a href="register.html">注册一个新账号</a>
  45. </p>-->
  46. </form>
  47. </div>
  48. </div>
  49. <div id="tab-2" class="tab-pane">
  50. <div class="panel-body">
  51. <form id="form2" class="m-t" role="form" onsubmit="return false;">
  52. <div class="form-group">
  53. <input id="mobile2" name="mobile2" mobile maxlength="11" type="text" class="form-control" placeholder="请输入手机号码" required="">
  54. </div>
  55. <div class="form-group">
  56. <input id="captcha" name="captcha" type="text" class="form-control" placeholder="请输入短信验证码" required="">
  57. <a id="getCaptcha" href="javascript:void(0);">获取验证码</a>
  58. </div>
  59. <button type="submit" class="btn btn-success block full-width m-b">登 录</button>
  60. </form>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. <script src="login/js/jquery.min.js"></script>
  69. <script src="login/js/bootstrap.min.js"></script>
  70. <script src="login/js/validate/jquery.validate.min.js"></script>
  71. <script src="login/js/validate/messages_zh.min.js"></script>
  72. <script src="login/js/security.js"></script>
  73. <script type="text/javascript" src="login/common_http.js"></script>
  74. <script src="login/js/login.js"></script>
  75. </body>
  76. </html>