如何在Django中更改默认注册

Question

我使用了django的默认注册。我要编辑此表单，因为它的外观对我来说不太好。我想将说明转换为工具提示或更好的外观怎么做？我是django的新手 ）

html

<div class="header-wrapper">
        <div class="header" style="background-image: url('/static/img/tele-bg.jpg');">

            <div class="title-container text-center">
                    <h2>Register</h2>
                   <form method="post">
                   {% csrf_token %}
                       {{ form.as_p }}
                       <button type="submit" class="btn btn-primary">Register</button>
                   </form>

            </div>
        </div>
</div>

Answer 1

为此，您可以使用Django引导程序表格，也可以使用自己的自定义模板来注册用户。 如果您想使用django引导程序，它非常好，您可以尝试如下操作：

首先安装pip install django-bootstrap4

然后将bootstrap4添加到您的INSTALLED_APPS中：

INSTALLED_APPS = [
    ...........
    'bootstrap4',]

然后，您可以使用以下标记在模板中呈现表单：

 {% load bootstrap4 %}
    <div class="header-wrapper">
        <div class="header" style="background-image: url('/static/img/tele-bg.jpg');">

            <div class="title-container text-center">
                    <h2>Register</h2>
                   <form method="post">
                   {% csrf_token %}
                    {% bootstrap_form form %}
                       <button type="submit" class="btn btn-primary">Register</button>
                   </form>

            </div>
        </div>
</div>

编辑：这只是一个演示，您可以根据需要更改此设计：

<div class="header-wrapper">
            <div class="header" style="background-image: url('/static/img/tele-bg.jpg');">

                <div class="title-container text-center">
                        <h2>Register</h2>
                       <form method="post">
                       {% csrf_token %}
  Username:<br>
  <input type="text" name="username" placeholder="Username"><br>
  Password:<br>
  <input type="password" name="password1" placeholder="Password"><br>
 Password Confirmation:<br>
  <input type="password" name="password2" placeholder="Confirm Password"><br><br>
  <input type="submit" value="Submit">
</form>
                           <button type="submit" class="btn btn-primary">Register</button>
                       </form>

                </div>
            </div>
    </div>