Django表单字段无法在HTML页面显示问题求助

核心问题 #

你的表单字段无法显示、功能异常，根源来自视图逻辑错误和模板冗余代码两个方面：

• 视图中POST请求处理完成后会无条件覆盖表单实例，且跳转语句未生效
• 模板中存在超出块范围的无效代码，干扰表单渲染逻辑

修复步骤 #

1. 修正views.py的create函数 #

当前代码在POST分支执行后，会重新创建空表单覆盖原有实例，同时redirect缺少return导致跳转失效。调整为以下两种写法之一：

写法一（简洁版）

from django.shortcuts import render, redirect
from .models import Task
from .forms import TaskForm

def create(request):
    error = ''
    # 自动适配GET/POST请求：GET用空表单，POST用提交的数据
    form = TaskForm(request.POST or None)
    if request.method == 'POST':
        if form.is_valid():
            form.save()
            # 必须return才能触发跳转
            return redirect('home')
        else:
            error = '表单输入有误'

    context = {'form': form, 'error': error}
    return render(request, "main/create.html", context)

写法二（分支清晰版）

def create(request):
    error = ''
    if request.method == 'POST':
        form = TaskForm(request.POST)
        if form.is_valid():
            form.save()
            return redirect('home')
        else:
            error = '表单输入有误'
    else:
        # 仅GET请求时创建空表单，避免覆盖POST提交后的表单实例
        form = TaskForm()

    context = {'form': form, 'error': error}
    return render(request, "main/create.html", context)

2. 清理create.html的冗余代码 #

删除{% endblock %}之外的手动输入框代码（超出模板块范围不会被渲染），并优化表单排版：

{% extends 'main/base.html' %}

{% block title %}
Create a task
{% endblock %}

{% block content %}
    <h1>Create a task</h1>
    <form method="post">
        {% csrf_token %}
        {{ form.title }}<br>
        {{ form.task }}<br>
        <button type="submit" class="btn btn-success">Add</button>
        {% if error %}
            <span style="color: red;">{{ error }}</span>
        {% endif %}
    </form>
{% endblock %}

3. 验证Task模型字段 #

确保models.py中的Task模型包含title和task字段，示例：

from django.db import models

class Task(models.Model):
    title = models.CharField(max_length=200)
    task = models.TextField()

    def __str__(self):
        return self.title

验证流程 #

1. 重启Django开发服务器
2. 访问创建页面，表单字段应正常显示（带定义好的样式和占位符）
3. 提交表单：输入有效则跳转首页，无效则显示错误信息并保留用户输入

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