説明なし

login.html 2.0KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <title>登录</title>
  8. <link rel="stylesheet" type="text/css" href="common/reset.css"/>
  9. <link rel="stylesheet" type="text/css" href="css/login.css?v=01"/>
  10. <script type="text/javascript" src="common/jquery-2.1.0.js"></script>
  11. <script type="text/javascript">
  12. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  13. window.onresize = function(){
  14. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <div class="container">
  20. <div class="content">
  21. <div class="phone">
  22. <label><i></i>手机号</label><input placeholder="手机号码" id="phone" type="tel" />
  23. </div>
  24. <div class="yzm">
  25. <label><i></i>验证码</label><input placeholder="请输入短信验证码" id="yzm" type="tel" /><button id="getYzm" onclick="getYzmEvent()">获取</button>
  26. </div>
  27. </div>
  28. <!--登录-->
  29. <button class="login" onclick="loginEvent()">登录</button>
  30. <!--提示-->
  31. <p class="title">点击“登录”即同意《登录协议》《隐私协议》 </p>
  32. </div>
  33. <!--图片验证码-->
  34. <div id="mask">
  35. <div id="picCode">
  36. <div class="modal-inner"> <img onclick="getChangeCodeImg()"> <input type="text" name="验证码" id="imgYzm" placeholder="请输入图片验证码"> </div>
  37. <div class="modal-buttons">
  38. <span class="modal-button JS_code_cancel" onclick="closePanel()">取消</span>
  39. <span class="modal-button modal-button-bold" onclick="goResPanel()">确定</span>
  40. </div>
  41. </div>
  42. </div>
  43. <!--提示弹框-->
  44. <div class="alert-info" style="display: none;">
  45. <!-- tip提示,2s后消失 -->
  46. <p></p>
  47. </div>
  48. </body>
  49. </html>
  50. <script type="text/javascript" src="js/login.js?v=01"></script>