regist.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>愛摳訂会员注册页面</title>
  6. <link type="text/css" rel="stylesheet" href="../../static/css/style.css" />
  7. <link rel="stylesheet" href="../../static/css/register.css" />
  8. <style type="text/css">
  9. .login_form {
  10. height: 420px;
  11. margin-top: 25px;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <div id="login_header">
  17. <a href="../../index.html">
  18. <img class="logo_img" alt="" src="../../static/img/logo.gif" />
  19. </a>
  20. </div>
  21. <div class="login_banner">
  22. <div class="register_form">
  23. <h1>注册愛摳訂会员</h1>
  24. <form action="regist_success.html">
  25. <div class="form-item">
  26. <div>
  27. <label>用户名称:</label>
  28. <input type="text" placeholder="请输入用户名" />
  29. </div>
  30. <span class="errMess">用户名应为6~16位数组和字母组成</span>
  31. </div>
  32. <div class="form-item">
  33. <div>
  34. <label>用户密码:</label>
  35. <input type="password" placeholder="请输入密码" />
  36. </div>
  37. <span class="errMess">密码的长度至少为8位</span>
  38. </div>
  39. <div class="form-item">
  40. <div>
  41. <label>确认密码:</label>
  42. <input type="password" placeholder="请输入确认密码" />
  43. </div>
  44. <span class="errMess">密码两次输入不一致</span>
  45. </div>
  46. <div class="form-item">
  47. <div>
  48. <label>用户邮箱:</label>
  49. <input type="text" placeholder="请输入邮箱" />
  50. </div>
  51. <span class="errMess">请输入正确的邮箱格式</span>
  52. </div>
  53. <div class="form-item">
  54. <div>
  55. <label>验证码:</label>
  56. <div class="verify">
  57. <input type="text" placeholder="" />
  58. <img src="../../static/img/code.bmp" alt="" height="50px"/>
  59. </div>
  60. </div>
  61. <span class="errMess">请输入正确的验证码</span>
  62. </div>
  63. <button class="btn">注册</button>
  64. </form>
  65. </div>
  66. </div>
  67. <div id="bottom">
  68. <span>
  69. 愛摳訂书城.Copyright &copy;2015
  70. </span>
  71. </div>
  72. </body>
  73. </html>