register.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>用户注册</title>
  6. <style>
  7. #reg {
  8. width: 320px;
  9. margin: 20px auto;
  10. }
  11. #reg form div {
  12. margin: 10px 0;
  13. }
  14. .hint {
  15. color: red;
  16. font-size: 14px;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <h1>用户注册</h1>
  22. <hr>
  23. <div id="reg">
  24. <p class="hint">{{ hint }}</p>
  25. <form action="/register/" method="post">
  26. {% csrf_token %}
  27. <div>用户名: </div>
  28. <div>
  29. {{ f.username }}
  30. {% if f.errors.username %}
  31. <span class="hint">用户已被注册</span>
  32. {% endif %}
  33. </div>
  34. <div>密码: </div>
  35. <div>
  36. {{ f.password }}
  37. {% if f.errors.password %}
  38. <span class="hint">无效的密码</span>
  39. {% endif %}
  40. </div>
  41. <div>邮箱: </div>
  42. <div>
  43. {{ f.email }}
  44. {% if f.errors.email %}
  45. <span class="hint">无效的邮箱</span>
  46. {% endif %}
  47. </div>
  48. <div>
  49. <input type="submit" value="注册">
  50. </div>
  51. </form>
  52. <a href="/">返回登录</a>
  53. </div>
  54. </body>
  55. </html>