register.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>注册页面</title>
  6. <link rel="stylesheet" href="css/base.css">
  7. <link rel="stylesheet" href="css/register.css">
  8. </head>
  9. <body>
  10. <div class="w">
  11. <div class="header">
  12. <div class="loge">
  13. <a href="index.html">
  14. <img src="img/logo.png" alt="">
  15. </a>
  16. </div>
  17. </div>
  18. <div class="registerarea">
  19. <h3>
  20. 注册新用户
  21. <em>我有账号,去<a href="#">登录</a></em>
  22. </h3>
  23. <div class="reg_form">
  24. <form action="demo.php">
  25. <ul>
  26. <li>
  27. <label for="tel">手机号: </label>
  28. <input type="text" class="inp" id="tel">
  29. <span class="error">
  30. <i class="error_icon"></i>手机号码格式不正确,请重新输入
  31. </span>
  32. </li>
  33. <li>
  34. <label for="">短信验证码: </label>
  35. <input type="text" class="inp">
  36. </li>
  37. <li>
  38. <label for="">登录密码: </label>
  39. <input type="text" class="inp">
  40. <span class="success">
  41. <i class="success_icon"></i>恭喜你输入正确
  42. </span>
  43. </li>
  44. <li class="safe">
  45. 安全程度
  46. <em class="ruo">弱</em>
  47. <em class="zhong">中</em>
  48. <em class="qiang">强</em>
  49. </li>
  50. <li>
  51. <label for="">确认密码: </label>
  52. <input type="text" class="inp">
  53. <span class="success">
  54. <i class="success_icon"></i>恭喜你输入正确
  55. </span>
  56. </li>
  57. <li class="agree">
  58. <input type="checkbox" >
  59. 同意协议并注册
  60. <a href="#">《如果果用户协议》</a>
  61. </li>
  62. <li>
  63. <input type="submit" value="完成注册" class="over">
  64. </li>
  65. </ul>
  66. </form>
  67. </div>
  68. </div>
  69. <div class="footer">
  70. <p class="links">
  71. 啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
  72. </p>
  73. <p class="copyright">
  74. 啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦 <br>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
  75. </p>
  76. </div>
  77. </div>
  78. </body>
  79. </html>