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

时间:2018-03-15 13:48:29

标签: django django-allauth

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

  1. 我应该使用{{ form.as_p }}并创建自己的LoginForm课程吗?我应该在哪里插入我的HTML代码?
  2. 我根本不应该使用{{ form.as_p }},并在signup.html模板中的每个表单字段中使用自己的HTML标记吗?

1 个答案:

答案 0 :(得分:1)

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

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

<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>