表单的写法参考https://www.runoob.com/django/django-form-component.html
    so，自定义account的login.html方法就是

    2. <head>
    3.     <meta charset="UTF-8">
    4.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    5.     <title>Document</title>
    6.     <style>
    7.         * {
    8.             margin: 0;
    9.             padding: 0;
    10.         }
    11.         html {
    12.             height: 100%;
    13.         }
    14.         body {
    15.             height: 100%;
    16.         }
    17.         .container {
    18.             height: 100%;
    19.             background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);
    20.         }
    21.         .login-wrapper {
    22.             background-color: #fff;
    23.             width: 358px;
    24.             height: 588px;
    25.             border-radius: 15px;
    26.             padding: 0 50px;
    27.             position: relative;
    28.             left: 50%;
    29.             top: 50%;
    30.             transform: translate(-50%, -50%);
    31.         }
    32.         .header {
    33.             font-size: 38px;
    34.             font-weight: bold;
    35.             text-align: center;
    36.             line-height: 200px;
    37.         }
    38.         .input-item {
    39.             display: block;
    40.             width: 100%;
    41.             margin-bottom: 20px;
    42.             border: 0;
    43.             padding: 10px;
    44.             border-bottom: 1px solid rgb(128, 125, 125);
    45.             font-size: 15px;
    46.             outline: none;
    47.         }
    48.         .input-item:placeholder {
    49.             text-transform: uppercase;
    50.         }
    51.         #id_username{
    52.             text-align: center;
    53.         }
    54.         .btn {
    55.             text-align: center;
    56.             padding: 10px;
    57.             width: 100%;
    58.             margin-top: 40px;
    59.             background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);
    60.             color: #fff;
    61.         }
    62.         .msg {
    63.             text-align: center;
    64.             line-height: 88px;
    65.         }
    66.         a {
    67.             text-decoration-line: none;
    68.             color: #abc1ee;
    69.         }
    70.     </style>
    71. </head>
    72. <body>
    73.     <div class="container">
    74.         <div class="login-wrapper">
    75.             <div class="header">Login</div>
    76.             <div class="form-wrapper">
    77. <!--                <input type="text" name="username" placeholder="username" class="input-item">-->
    78. <!--                <input type="password" name="password" placeholder="password" class="input-item">-->
    79.                 <form method="post" novalidate>
    80.                     {% csrf_token %}
    81. <!--                    {{ form.as_p }}-->
    82.                     <div>
    83.                     <label for="id_{{ form.username.name }}">我的用户名： </label>
    84.                     {{ form.username }} <span>{{ form.username.errors.0 }}</span>
    85.                         </div>
    86.                     <label for="id_{{ form.password.name }}">我的密码     ：   </label>
    87.                     {{ form.password }} <span>{{ form.password.errors.0 }}</span>
    88. <!--                    <input id="id_username" type="text" name="my_username"><br>-->
    90. <!--                    <label for="my_id_password">我的密码： </label>-->
    91. <!--                    <input id="my_id_password" type="password" name="my_password">-->
    94.                 <button class="btn btn-success ml-2" type="submit">Login</button>
    95.                 </form>
    96. <!--                <div class="btn">Login</div>-->
    97.             </div>
    98.             <div class="msg">
    99.                 Don't have account?
    100.                 <a href="#">Sign up</a>
    101.             </div>
    102.         </div>
    103.     </div>
    104. </body>