Question

这是forms.py：

from django.contrib.auth.models import User
from django import  forms

class UserForm(forms.ModelForm):
    class Meta:
        model = User
        fields = ('username', 'email', 'password')
        widgets = {
            'username': forms.TextInput(attrs={'class': ''}),
            'email': forms.TextInput(attrs={'class': ''}),
            'password': forms.TextInput(attrs={'class': ''})
    }

我想将css添加到我的表单中，如下所示：

<form method="post" action="">
{% csrf_token %}
{{form.as_ul}}
<div class="send">
  <input type="submit" name="register" value="Register" class="register" />
</div>

我知道如何添加css类，但css属性的最大部分是在整个文件中设置的，如下所示：

.send input {
  width: 27%;
  height: 40px;
  background: #0889c4;
  border: 3px solid #0889c4;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

而且我不知道如何让django把那些作为有效的css属性。

Answer 1

您可以使用attrs={'style':'width:150px;height:80px;','placeholder':'Some Text'}和所有内容为表单的任何单个字段添加所需的css属性。如果要将相同的css应用于表单中定义的一组字段而不是您可以执行的操作，请将该css类应用于html文件/模板中的<div>，并将表单的元素/字段放入其中那个div。它应该工作。

如何将整个CSS添加到django表单中？

1 个答案: