如何覆盖django AuthenticationForm输入css类？

Question

我有一个使用基本django注册框架的django站点.我的登录页面工作正常,但我想更改输入上的css类.传递给登录页面的表单看起来是AuthenticationForm类.

将css类添加到用户名和密码字段的好方法是什么？

Answer 1

子类您的身份验证表单

forms.py

from django import forms
from django.contrib.auth.forms import AuthenticationForm
from django.forms.widgets import PasswordInput, TextInput

class RFPAuthForm(AuthenticationForm):
    username = forms.CharField(widget=TextInput(attrs={'class': 'span2','placeholder': 'Email'}))
    password = forms.CharField(widget=PasswordInput(attrs={'class': 'span2','placeholder':'Password'}))

Answer 2

我做你想这样的事情：

def login(request):
    form = AuthenticationForm(request)
    form.fields['username'].widget.attrs['class'] = "custom_css"
    form.fields['password'].widget.attrs['style'] = "background:red"
    return render_to_response("login.html", {'form':form},
                          context_instance=RequestContext(request))