Django POST请求后HTML无法显示文本框输入内容求助

核心问题点 #

1. 表单字段名不匹配：forms.py中定义的字段是input，但views.py的post函数里尝试获取form.cleaned_data['post']，键名不匹配导致拿不到输入内容。
2. 未处理表单验证失败场景：post函数仅在表单验证通过时定义args，若验证失败（比如输入为空），args未定义会触发报错，同时模板也接收不到text变量。
3. 表单提交路由不清晰：HTML表单action为空，若urls.py未正确配置post视图路由，请求可能无法正确分发；更合理的做法是用同一个视图处理GET和POST请求。
4. HTML语法错误：按钮标签里的逗号多余，<button type="submit", name="save">应去掉逗号。

修改后的代码 #

1. forms.py（字段名保持不变） #

from django import forms

class InputForm(forms.Form):
    input = forms.CharField(label="Text", max_length=1000)

2. views.py（合并视图处理GET/POST请求，修复字段名） #

from django.shortcuts import render
from .forms import InputForm

def home(request):
    text = ""
    if request.method == 'POST':
        form = InputForm(request.POST)
        if form.is_valid():
            # 匹配forms.py中的字段名input
            text = form.cleaned_data['input']
    else:
        # GET请求时初始化空表单
        form = InputForm()
    # 统一传递变量到模板，避免未定义问题
    return render(request, 'index.html', {'form': form, 'text': text})

3. index.html（修复按钮语法） #

{% block content %}
<h1>Write a sentence</h1>

<form method="post" action="">
    {% csrf_token %}
    {{ form }}
    <button type="submit" name="save">Generate</button>
</form>
<h2>{{ text }}</h2>

{% endblock %}

4. urls.py（确保路由指向处理视图） #

from django.urls import path
from . import views

urlpatterns = [
    path('', views.home, name='home'),
]

修复说明 #

• 合并home和post视图为一个，统一处理页面加载（GET）和表单提交（POST）请求，符合Django常规开发模式。
• 修正表单字段名匹配问题，确保能正确获取用户输入内容。
• 初始化text为空字符串，无论表单验证是否通过，模板都能接收到该变量，避免无内容可显示的情况。
• 移除HTML按钮标签中的多余逗号，修正语法错误。

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