Django Allauth - 如何向字段添加自定义css类？

Question

在login.html我有:

 <form class="login" method="POST" action="{% url 'account_login' %}">
  {% csrf_token %}

  {{form.as_p}}

我可以在世界上如何向字段添加自定义css类和其他属性？互联网上似乎没有人遇到过这个问题.我只需要添加像课一样简单的东西.如果有人回答此问题,请提前致谢 我真的希望这会对别人有所帮助.

Answer 1

您可以使用覆盖默认LoginForm的ACCOUNT_FORMS你settings.py,例如:

ACCOUNT_FORMS = {'login': 'yourapp.forms.YourLoginForm'}

并写一个YourLoginForm相应的.

# yourapp/forms.py

from allauth.account.forms import LoginForm

class YourLoginForm(LoginForm):
    def __init__(self, *args, **kwargs):
        super(YourLoginForm, self).__init__(*args, **kwargs)
        self.fields['login'].widget = forms.TextInput(attrs={'type': 'email', 'class': 'yourclass'})
        self.fields['password'].widget = forms.PasswordInput(attrs={'class': 'yourclass'})

Answer 2

您正在使用 Django 通过调用为您创建的 HTML，form.as_p 就像这个示例一样。

您可能正在寻找的是它下面的示例。您在模板中编写更多标记的位置。

听起来您可能也对此感兴趣。创建表单并使用以下内容指定要添加到字段的类：

myfield = forms.CharField(
            widget=forms.TextInput(attrs={'class':'myclass'}))

现在调用form.myfield模板将创建一个带有类的输入文本字段myclass。