Django中用户注册表单密码字段样式不生效问题

尝试修改Django基础注册表单样式，编写了如下代码：

from django import forms
from django.contrib.auth.forms import UserCreationForm
from .models import Product
from userprofile.models import Customer
from django.forms import TextInput, EmailInput, PasswordInput
from django.contrib.auth.models import User

class CrateUserForm(UserCreationForm):
    class Meta:
        model = User
        fields= ['username', 'email', 'password1', 'password2',]
        widgets = {
            'username': forms.TextInput(attrs={
                'class': 'w-100 p-3 rounded-4 border border-success shadow',
                'placeholder': 'Exemplu1234',
            }),
            'email': forms.EmailInput(attrs={
                'class': 'w-100 p-3 rounded-4 border border-success shadow',
                'placeholder': 'exemplu@email.com',
            }),
            'password1': forms.PasswordInput(attrs={
                'class': 'w-100 p-3 rounded-4 border border-success shadow',
            }), 
            'password2': forms.PasswordInput(attrs={
                'class': 'w-100 p-3 rounded-4 border border-success shadow',
            }), 
        }

目前遇到的问题：username和email字段样式已生效，但password1和password2字段样式未变化，调整字段顺序也无效果，该如何解决？

核心原因是UserCreationForm中的password1和password2是表单类自身定义的字段，并非来自User模型，因此在Meta类的widgets配置中无法生效。以下是两种可行的解决方法：

• 方法一：重定义password1和password2字段
  直接在表单类中重新声明这两个字段，同时指定样式属性：

class CrateUserForm(UserCreationForm):
    # 重新定义密码字段并添加样式
    password1 = forms.CharField(
        label="密码",
        widget=forms.PasswordInput(attrs={
            'class': 'w-100 p-3 rounded-4 border border-success shadow',
        }),
        help_text=UserCreationForm.password1.help_text
    )
    password2 = forms.CharField(
        label="确认密码",
        widget=forms.PasswordInput(attrs={
            'class': 'w-100 p-3 rounded-4 border border-success shadow',
        }),
        help_text=UserCreationForm.password2.help_text
    )

    class Meta:
        model = User
        fields= ['username', 'email', 'password1', 'password2',]
        widgets = {
            'username': forms.TextInput(attrs={
                'class': 'w-100 p-3 rounded-4 border border-success shadow',
                'placeholder': 'Exemplu1234',
            }),
            'email': forms.EmailInput(attrs={
                'class': 'w-100 p-3 rounded-4 border border-success shadow',
                'placeholder': 'exemplu@email.com',
            }),
        }

• 方法二：重写表单__init__方法
  在初始化方法中直接修改已有字段的widget属性，更简洁：

class CrateUserForm(UserCreationForm):
    class Meta:
        model = User
        fields= ['username', 'email', 'password1', 'password2',]
        widgets = {
            'username': forms.TextInput(attrs={
                'class': 'w-100 p-3 rounded-4 border border-success shadow',
                'placeholder': 'Exemplu1234',
            }),
            'email': forms.EmailInput(attrs={
                'class': 'w-100 p-3 rounded-4 border border-success shadow',
                'placeholder': 'exemplu@email.com',
            }),
        }

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        # 为密码字段追加样式属性
        self.fields['password1'].widget.attrs.update({
            'class': 'w-100 p-3 rounded-4 border border-success shadow'
        })
        self.fields['password2'].widget.attrs.update({
            'class': 'w-100 p-3 rounded-4 border border-success shadow'
        })

两种方法均可解决问题，方法二更适合仅需修改样式的场景，方法一则适合需要自定义字段标签、帮助文本的情况。

内容的提问来源于stack exchange，提问作者Perun