Django框架CreateView视图如何为表单字段添加自定义CSS类

方案1：重写CreateView的get_form方法（无需额外新建表单类） #

直接修改你的views.py文件，给CreatePost类添加get_form方法，在方法内批量为所有表单字段注入form-control类：

class CreatePost(CreateView):
    model = apps.blog.models.Post
    fields = ['name', 'content', 'photo']
    template_name = 'cabinet/post/create.html'

    def get_form(self, form_class=None):
        form = super().get_form(form_class)
        # 遍历所有表单字段，统一添加class属性
        for field_name, field in form.fields.items():
            field.widget.attrs.update({'class': 'form-control'})
        return form

这个方法改动最小，适合只需要修改字段样式、没有其他表单自定义需求的场景。

方案2：自定义ModelForm（灵活度更高，适合复杂表单需求） #

如果后续还有其他表单验证、字段修改的需求，建议单独定义表单类：

1. 新建forms.py文件，添加如下代码：

from django import forms
from apps.blog.models import Post

class PostForm(forms.ModelForm):
    class Meta:
        model = Post
        fields = ['name', 'content', 'photo']
    
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for field_name, field in self.fields.items():
            field.widget.attrs.update({'class': 'form-control'})

2. 修改views.py中的CreatePost类，替换原来的fields配置为指定自定义表单类：

from .forms import PostForm

class CreatePost(CreateView):
    model = apps.blog.models.Post
    form_class = PostForm # 替换原来的fields配置
    template_name = 'cabinet/post/create.html'

方案3：模板层面手动渲染字段 #

如果不想修改后端代码，也可以放弃自动渲染的form.as_ul方法，手动输出每个字段并指定class：
修改模板文件的form部分：

<form action="." method="POST">
    {% csrf_token %}
    {{ form.media }}
    <ul>
        <li>
            {{ form.name.label_tag }}
            <input type="text" name="name" id="id_name" class="form-control" 
                   value="{{ form.name.value|default:'' }}" maxlength="250" required>
            {% if form.name.errors %}
                <span class="text-danger">{{ form.name.errors.0 }}</span>
            {% endif %}
        </li>
        <!-- 其他字段按同样方式编写 -->
    </ul>
</form>

如果不想手动写input标签，也可以安装django-widget-tweaks第三方包，直接在模板中给字段添加类：{{ form.name|add_class:"form-control" }}，不需要修改后端代码。

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