userLogin.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <div id="userLogin">
  2. <iframe frameborder="0" class="cover-iframe"></iframe>
  3. <div class="cover-content">
  4. <div class="login">
  5. <div class="left"><img src="../../images/user/loginBg.png" alt="" /></div>
  6. <ul class="right">
  7. <li class="head">
  8. <span class="passWay active">密码登录</span>
  9. <span class="msgWay">短信登录</span>
  10. <img src="../../images/user/wx.png" alt="微信" class="weixin" />
  11. <img src="../../images/user/qq.png" alt="QQ" class="qq" />
  12. <img src="../../images/user/weibo.png" alt="微博" class="weibo" />
  13. <button class="close"></button>
  14. </li>
  15. <li>
  16. <input
  17. type="text"
  18. placeholder="请输入用户名"
  19. name="userName"
  20. class="user"
  21. />
  22. </li>
  23. <li class="passShow show">
  24. <input type="password" placeholder="请输入密码" class="lock" />
  25. </li>
  26. <li class="msgShow">
  27. <input type="text" placeholder="请输入验证码" class="yzm" /><button
  28. class="getYzm"
  29. >
  30. 获取短信验证码
  31. </button>
  32. </li>
  33. <!-- <li><span class="autoLogin"><span class="check"></span>下次自动登录</span></li> -->
  34. <li><button class="loginBtn">登录</button></li>
  35. <li class="other">
  36. <button class="fl forgetPass">忘记密码</button
  37. ><button class="openReg fr">免费注册</button>
  38. </li>
  39. </ul>
  40. </div>
  41. <div class="regist">
  42. <li class="para">
  43. <span class="menu">用户名</span
  44. ><span class="redAlert">请输入用户名</span
  45. ><input type="text" placeholder="请输入用户名" class="regName" />
  46. </li>
  47. <li class="para">
  48. <span class="menu">手机名</span
  49. ><span class="redAlert">请输入手机号</span
  50. ><input type="text" placeholder="可用于登录和找回密码" class="regNum" />
  51. </li>
  52. <li class="para">
  53. <span class="menu">密码</span><span class="redAlert">请输入密码</span
  54. ><input type="password" placeholder="请设置登录密码" class="regPass" />
  55. </li>
  56. <li class="para">
  57. <span class="menu">验证码</span
  58. ><span class="redAlert">请输入验证码</span
  59. ><input type="text" placeholder="请输入验证码" class="yzm" /><button
  60. class="getYzm"
  61. >
  62. 获取短信验证码
  63. </button>
  64. </li>
  65. <li class="xieyi">
  66. <span class="check"></span>阅读并接受《<a href="javascript:;"
  67. >MAPPLUS用户协议</a
  68. >》<span class="redAlert">请阅读协议及声明</span>
  69. </li>
  70. <li class="zhuce"><button class="regBtn">注册</button></li>
  71. <li class="queding"><button class="queding">确定</button></li>
  72. <li class="other">
  73. 我已注册,现在去<button class="openLogin">登录</button>
  74. </li>
  75. </div>
  76. </div>
  77. </div>