如何在django allauth中正确设置登录/注册表单的样式？

在django allauth中拥有自己的登录表单的正确方式是什么

我应该使用

{{form.as_p}

并创建自己的

LoginForm

类吗？我应该在哪里插入我的HTML代码呢

我是否应该根本不使用

{{form.as_p}

，而是对

signup.HTML

模板中的每个表单字段进行自己的HTML标记

---

您可以使用自己的模板创建自定义登录页面

下面是我使用的登录表单，只是基本的模板代码

<form action="{% url 'login' %}" method="post">


                     <h4>Login</h4>
                      <div class="form-group">
                        {{ form.username|attr:"class:form-control"|attr:"placeholder:Email" }}

                    </div>
                    <input type="hidden" name="next" value="{{next}}" />
                     <div class="form-group">
                    {{ form.password|attr:"class:form-control"|attr:"placeholder:Password" }}                        
                    </div>                  


                    {% csrf_token %}
                     <div class="form-group">
                    <button type="submit" class="btn btn-success rounded btn">Sign in</button>
                    </div>
                    <hr>
                    {% if form.errors %}
            <font color="red">Username or Password does not Match. Please try again.</font>
            <hr>

            {% endif %}


                </form>

登录
{form.username | attr:“类：表单控件”| attr:“占位符：电子邮件”}
{form.password | attr:“类：表单控件”| attr:“占位符：密码”}
{%csrf_令牌%}
登录

{%if form.errors%}
用户名或密码不匹配。请再试一次。

{%endif%}

---

对于样式设置，我将通过使用attr方法。

您可以使用自己的模板创建自定义登录页面

下面是我使用的登录表单，只是基本的模板代码

<form action="{% url 'login' %}" method="post">


                     <h4>Login</h4>
                      <div class="form-group">
                        {{ form.username|attr:"class:form-control"|attr:"placeholder:Email" }}

                    </div>
                    <input type="hidden" name="next" value="{{next}}" />
                     <div class="form-group">
                    {{ form.password|attr:"class:form-control"|attr:"placeholder:Password" }}                        
                    </div>                  


                    {% csrf_token %}
                     <div class="form-group">
                    <button type="submit" class="btn btn-success rounded btn">Sign in</button>
                    </div>
                    <hr>
                    {% if form.errors %}
            <font color="red">Username or Password does not Match. Please try again.</font>
            <hr>

            {% endif %}


                </form>

登录
{form.username | attr:“类：表单控件”| attr:“占位符：电子邮件”}
{form.password | attr:“类：表单控件”| attr:“占位符：密码”}
{%csrf_令牌%}
登录

{%if form.errors%}
用户名或密码不匹配。请再试一次。

{%endif%}

---

至于样式，我正在使用attr方法。

我有一个确切的问题。我很想在这里看到更多的答案，或者一致认为这里唯一的答案是正确的（由萨普娜·夏尔马撰写），我有一个确切的问题。我很想在这里看到更多的答案，或者一致认为这里唯一的答案（由萨普娜·夏尔马撰写）是正确的，它不是现成的。您需要为“attr”创建一个自定义模板标记，以便将其识别为标记：@Nym1412我在尝试代码和代码片段ValueError后出现此错误：没有足够的值来解包（预期为2，得到1）@Abiragrazieee在Sapna Sharma的答案中，您需要在attr值中用“=”替换“：”。例如：{{form.username | attr:“class=formcontrol”| attr:“placeholder=Email”}。请参阅代码片段中的代码示例。需要提及的是，对于使用attr，我使用的是widget_tweaks包。它不能开箱即用。您需要为“attr”创建一个自定义模板标记，以便将其识别为标记：@Nym1412我在尝试代码和代码片段ValueError后出现此错误：没有足够的值来解包（预期为2，得到1）@Abiragrazieee在Sapna Sharma的答案中，您需要在attr值中用“=”替换“：”。例如：{{form.username | attr:“class=formcontrol”| attr:“placeholder=Email”}。请参阅代码片段中的代码示例。需要提及的是，对于使用attr，我使用的是widget_tweaks包。