如何自定义django-allauth注册表格，使其看起来像我想要的样子

Question

如何在不使用此代码的情况下制作注册表单

<form class="signup" id="signup_form" method="post" action="{% url 'account_signup'}">
  {% csrf_token %}   {{ form.as_p }}   {% if redirect_field_value %} <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />   {% endif %} <button type="submit">{% trans "Sign Up" %} »</button>
</form>

以下是自定义注册html 的一个小片段

<div class="group-35">
<form class="signup" id="signup_form" method="post" action="{% url 'account_signup'}">
{% csrf_token %}
<div class="overlap-group-container-1">
<input class="overlap-group1 border-1px-dove-gray -applesystemuifont-regular-normal-black-20px" type="text" id="first_name" name="first_name" placeholder="First Name"/>
<input class="overlap-group2 border-1px-dove-gray -applesystemuifont-regular-normal-black-20px" type="text" id="last_name" name="last_name" placeholder="Last Name"/>
</div>
<div class="overlap-group">
<input class="rectangle border-1px-dove-gray -applesystemuifont-regular-normal-black-20px" type="email" id="email" name="email" placeholder="Email"/>
</div>

这个代码是使用anima生成的，我想使用输入字段来注册用户。因此，从这个片段中，我想用用户在输入字段中输入的名字、姓氏和电子邮件来注册用户。

Answer 1

我不明白你为什么不想使用那个特定的代码片段，但如果你不介意使用它，你可以覆盖django-allauth用来添加名字和姓氏字段的表单(allauth默认包括电子邮件(

In settings.py:

ACCOUNT_FORMS = {
'signup': 'yourapp.forms.CustomSignupForm',
}

在您的应用程序/表单.py:中

from django import forms
from allauth.account.forms import SignupForm
class CustomSignupForm(SignupForm):
first_name = forms.CharField(required=True)
last_name = forms.CharField(required=True)

现在，只要您使用form.as_p ，注册表单就应该包括这两个新字段

如果你有不想使用该代码片段的原因，请告诉我，我可以更新我的答案