如何为django-allauth的登录/注册默认表单添加样式？

Question

我正在尝试为django-allauth中的登录表单添加自定义样式。然而，我不知道要使用哪些字段名称。

我想做类似于下面的代码，但是需要正确的字段名称。

{{ form.email.errors }}
<div class="email">{{ form.email|html_placeholder:"Email" }}</div>
{{ form.password.errors }}
<div class="fieldWrapper">{{form.password|html_placeholder:"password" }}</div>

html_placeholder 是一种用于向字段添加 placeholder 属性的过滤器。

- kiril

Answer 1

在我写这篇文章的时候，我自己找到了答案。

如果您使用默认的登录表单（就像我的情况一样），您需要找到默认使用的表单。 LoginForm 在 allauth/acoount/forms.py 中。在那里，字段 password 和 remember 被明确定义，并且字段 login 是在 __init__ 方法中添加的。

因此，在我的情况下，结果如下：

{{ form.login.errors }}
<div class="login">{{ form.login|html_placeholder:"Email" }}</div>
{{ form.password.errors }}
<div class="fieldWrapper">{{form.password|html_placeholder:"password" }}</div>

- kiril

---

我收到了：无效的过滤器：“html_placeholder”。如何修复？ - Abishek