Django表单提交后如何实现字段不保留已填写的显示值

仅靠修改HTML模板无法实现提交后清空表单填写内容的效果，表单保留历史提交内容的根源在视图（View）层的传参逻辑——模板只是被动渲染传入的form对象携带的内容，没有办法单方面绕过这个底层逻辑。

回显内容的根本原因 #

Django的表单只要被初始化为绑定状态（即初始化时传入了request.POST提交的数据、或者关联了带字段值的模型实例），渲染时就会自动把已填写的内容回填到对应字段中。你现在能看到提交后内容不消失，本质是表单校验通过后，代码把仍然绑定了POST数据的form对象直接传给了模板，模板自然就把这些内容渲染出来了。

正确的实现方案 #

你现有的HTML模板不需要做任何修改，只需要调整视图层的表单处理逻辑即可，两种可直接用的标准写法：

写法1：遵循PRG（Post/Redirect/Get）规范（最推荐） #

这是Django官方推荐的表单处理模式，既能实现提交后清空表单的效果，还能避免用户刷新页面时触发重复提交的问题：

def 你的表单视图(request):
    if request.method == "POST":
        form = 你的表单类(request.POST)
        if form.is_valid():
            form.save()
            # 校验通过、保存完成后，直接重定向回当前表单页面
            # 后续进入的是GET请求，会初始化一个完全没有绑定数据的空表单
            return redirect("你的表单页对应的路由name")
        # 只有表单校验不通过时，才把带错误提示、带已填内容的form传回模板，提示用户修改
    else:
        form = 你的表单类()
    return render(request, "你的模板文件路径.html", {"form": form})

写法2：提交成功后手动替换为空表单 #

如果因为业务原因不想做重定向，就在表单保存成功后，手动把传入模板的form对象替换为全新的空实例：

def 你的表单视图(request):
    if request.method == "POST":
        form = 你的表单类(request.POST)
        if form.is_valid():
            form.save()
            # 保存完成后，直接初始化一个没有绑定任何数据的空表单，替换原来的绑定表单
            form = 你的表单类()
    else:
        form = 你的表单类()
    return render(request, "你的模板文件路径.html", {"form": form})

小提示：如果是在编辑模型的场景下，初始化空表单时不要传入instance参数，否则表单会自动带出关联模型的原有字段值。

为什么不建议在模板里硬改清空逻辑 #

如果强行在HTML模板里加逻辑清空字段内容，会出现一堆无法彻底解决的问题：

• crispy过滤器渲染的字段错误提示、表单校验状态会残留之前的提交痕迹
• 浏览器自带的表单缓存功能，还是可能自动回填用户之前输入的内容
• 下拉选择、单选/多选这类依赖选中状态的字段，需要写大量额外的判断逻辑才能清掉选中效果，复杂度远高于调整视图层代码

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