login.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. {% extends "info/layout.html" %}
  2. {% load static %}
  3. {% block script %}{% endblock %}
  4. {% block body %}
  5. <div id="main" class="container-fluid">
  6. <form method="post">
  7. {% csrf_token %}
  8. <div class="mb-3 mt-3">
  9. <label for="name" class="form-label">姓名:</label>
  10. <input type="name" class="form-control" id="name" placeholder="输入姓名" name="name" required maxlength="64" />
  11. </div>
  12. <div class="mb-3">
  13. <label for="pwd" class="form-label">密码:</label>
  14. <input type="password" class="form-control" id="pwd" placeholder="输入密码" name="password" minlength="6"
  15. maxlength="32" required />
  16. </div>
  17. <!-- <div class="form-check mb-3">
  18. <label class="form-check-label">
  19. <input class="form-check-input" type="checkbox" name="remember"> Remember me
  20. </label>
  21. </div> -->
  22. <button type="submit" class="btn btn-primary">登录</button>
  23. <!-- <div id="form-button-area">
  24. <a href="/register">注册</a>
  25. <a href="/forgotPassword">忘记密码</a>
  26. </div> -->
  27. </form>
  28. </div>
  29. <style type="text/css">
  30. form {
  31. justify-content: center;
  32. margin: 20px;
  33. width: 500px;
  34. }
  35. #main {
  36. display: inline-flex;
  37. justify-content: center;
  38. }
  39. #form-button-area {
  40. display: flex;
  41. justify-content: space-around;
  42. margin-top: 10px;
  43. }
  44. </style>
  45. {% endblock body %}