如何将特定 css 应用于 Django 登录表单

Question

这是该表格的代码：

<div>
<h2>Login here</h2>
    <form method="post">
      {% csrf_token %}
      {{ form.as_p }}
      <button type="submit">Login</button>
    </form>
</div>

此表格来自django.contrib.auth

Answer 1

您可以使用小部件属性将 HTML ID 和 classes 分配给您的表单字段。我在下面给出了一个设置 ID 和 class 的示例，但要小心 ID，因为 Django 会自动创建它们。当然，ID 和 class 名称必须与您的 CSS 文件匹配。

class MyForm(forms.ModelForm):

    class Meta:
        model = User
        fields = ('email', 'password')
        # Set custom ID and class for password field.
        widgets = {'password': forms.PasswordInput(attrs={'id': 'my_HTML_id', 'class': 
                   'my_HTML_class'})}

Answer 2

您可以手动呈现登录表单，但请确保用户名字段名称为用户名，密码为密码。在 Django 中，您还可以使用自定义检查添加自定义登录功能。 authenticate(request, username=act_username, password=password)用于对用户进行身份验证，其中login是对用户进行登录。

如何将特定 css 应用于 Django 登录表单

How to apply specific css to Django login form

css

django

django-authentication