Django模板中表单控件如何正确绑定模板变量值

你遇到的问题本质是后端Python代码不识别Django模板语法——你在表单控件的attrs里写的{{ user.username }}会被直接当成字符串传给前端，模板引擎根本没机会解析它。

给你两个可行的解决思路：

思路1：后端表单类中直接赋值实际值 #

不用在attrs里写模板变量，而是在表单的初始化方法里，用实际的用户数据填充value或者字段初始值。

示例代码：

from django import forms

class AccountUpdateForm(forms.Form):
    username = forms.CharField(label="用户名", widget=forms.TextInput())
    email = forms.EmailField(label="邮箱", widget=forms.EmailInput())

    def __init__(self, *args, **kwargs):
        # 从参数中取出当前用户对象
        user = kwargs.pop("user")
        super().__init__(*args, **kwargs)
        
        # 方式一：设置字段初始值（推荐，符合Django表单设计逻辑）
        self.fields["username"].initial = user.username
        self.fields["email"].initial = user.email
        
        # 方式二：直接给attrs的value赋值实际值
        # self.fields["username"].widget.attrs["value"] = user.username

然后在视图中实例化表单时传入用户：

def update_account(request):
    form = AccountUpdateForm(user=request.user)
    # 处理表单提交逻辑...
    return render(request, "update_account.html", {"form": form})

这样渲染表单时，输入框会自动填充用户的真实数据，不用依赖模板变量解析。

思路2：模板中手动渲染表单字段 #

如果不想修改后端代码，可以放弃Django表单的自动渲染（比如{{ form.as_p }}），手动写HTML输入框，直接在模板里用{{ user.username }}赋值给value。

示例模板代码：

<form method="post">
    {% csrf_token %}
    <div class="form-group">
        <label for="id_username">用户名</label>
        <input type="text" id="id_username" name="username" value="{{ user.username }}" required>
        {% if form.username.errors %}
            {% for error in form.username.errors %}
                <span class="text-danger">{{ error }}</span>
            {% endfor %}
        {% endif %}
    </div>
    <div class="form-group">
        <label for="id_email">邮箱</label>
        <input type="email" id="id_email" name="email" value="{{ user.email }}" required>
        {% if form.email.errors %}
            {% for error in form.email.errors %}
                <span class="text-danger">{{ error }}</span>
            {% endfor %}
        {% endif %}
    </div>
    <button type="submit">保存修改</button>
</form>

这种方式完全由模板控制输入框的value，自然能正常解析模板变量。

简单说：如果想保持后端表单的自动渲染，就用思路1；如果更灵活控制前端结构，就用思路2——两种方式都能解决问题，看你的需求选择。

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