如何将Bootstrap表单与Django表单关联并保留Bootstrap样式？

方法一：在表单类中配置Bootstrap样式（推荐） #

在forms.py里给对应字段的widget添加Bootstrap类和属性，一次配置后模板直接复用：

from django import forms

class YourForm(forms.Form):
    last_name = forms.CharField(
        widget=forms.TextInput(attrs={
            'class': 'form-control',
            'placeholder': 'Your last name...'
        })
    )

模板中直接用Django表单标签渲染，自动关联表单且带样式：

<div class="row">
    <div class="col-sm-3">
        {{ form.last_name.label_tag }}
    </div>
    <div class="col-sm-9">
        {{ form.last_name }}
    </div>
</div>

• {{ form.last_name.label_tag }}自动生成带正确for属性的标签，和input关联
• 渲染出的input自带form-control类，符合Bootstrap样式
• 表单提交时自动关联Django字段，处理数据验证和保存逻辑

方法二：手动渲染表单元素（无需修改表单类） #

如果不想改动forms.py，可以在模板里手动写HTML，但要保证和Django表单字段绑定：

<div class="row">
    <div class="col-sm-3">
        <label for="{{ form.last_name.id_for_label }}" class="form-label">Last Name</label>
    </div>
    <div class="col-sm-9">
        <input type="text" class="form-control" placeholder="Your last name..." 
               id="{{ form.last_name.id_for_label }}" 
               name="{{ form.last_name.name }}" 
               value="{{ form.last_name.value|default:'' }}">
    </div>
</div>

关键注意点：

• 必须加name="{{ form.last_name.name }}"，否则Django无法识别提交的字段
• id用form.last_name.id_for_label，保证和label的for属性匹配
• value用form.last_name.value|default:''，避免空字段显示None

你之前写法出错的原因 #

form.last_name是Django的表单字段对象，直接用value="{{form.last_name}}"会渲染整个input标签，所以才会出现错误的起始内容，正确做法是取它的value属性。

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