Django表单无法显示输入字段问题求助

我的Django表单无法显示输入字段，目前仅针对邮箱字段调试，相关代码如下：

forms.py #

from django import forms

class SignupForm(forms.Form):
    email = forms.EmailField()
    password = forms.CharField(widget=forms.PasswordInput())
    firstname = forms.CharField(widget=forms.TextInput())
    lastname = forms.CharField(widget=forms.TextInput())
    isOwner = forms.BooleanField()

模板signup.html代码 #

<form method="post" action="{% url 'signup' %}" class="registerForm">
    {% csrf_token %}
    {{ form.as_p }}
    <div class="header">Registration</div>

    <div class="loginText">E-mail:</div>
    <div class="loginInformation">
        {{ form.email.label_tag }}
        {{ form.email }}
    </div>

</form>

视图控制器代码 #

@api_view(('GET', 'POST',))
@renderer_classes((TemplateHTMLRenderer, JSONRenderer))
def signup(request):
    if request.method == "POST":
        form = SignupForm(request.POST)
        if form.is_valid():
            account = accountService.signup(
                request.POST["email"],
                request.POST["password"],
                request.POST["firstName"],
                request.POST["lastName"],
                request.POST["isOwner"]
            )
            if account:
                return Response({'account': account}, template_name="index.html")
    else:
        form = SignupForm()
    return render(request, "signup.html", {"form": form})

问题分析与修复方案 #

1. 视图渲染逻辑冲突 #

视图同时使用DRF的@api_view、TemplateHTMLRenderer和Django原生render函数，可能导致模板上下文传递异常。统一使用DRF的Response返回模板：

@api_view(('GET', 'POST',))
@renderer_classes((TemplateHTMLRenderer, JSONRenderer))
def signup(request):
    if request.method == "POST":
        form = SignupForm(request.POST)
        if form.is_valid():
            # 使用cleaned_data获取验证后的数据，且字段名与forms.py一致
            account = accountService.signup(
                form.cleaned_data["email"],
                form.cleaned_data["password"],
                form.cleaned_data["firstname"],
                form.cleaned_data["lastname"],
                form.cleaned_data.get("isOwner", False)
            )
            if account:
                return Response({'account': account}, template_name="index.html")
    else:
        form = SignupForm()
    # 用Response返回模板上下文
    return Response({'form': form}, template_name="signup.html")

2. 模板冗余代码 #

模板中同时存在{{ form.as_p }}（自动渲染所有字段）和手动渲染form.email，建议二选一避免重复。如果需要自定义样式，移除{{ form.as_p }}后手动渲染所有字段：

<form method="post" action="{% url 'signup' %}" class="registerForm">
    {% csrf_token %}
    <div class="header">Registration</div>

    <div class="loginText">E-mail:</div>
    <div class="loginInformation">
        {{ form.email.label_tag }}
        {{ form.email }}
    </div>

    <div class="loginText">Password:</div>
    <div class="loginInformation">
        {{ form.password.label_tag }}
        {{ form.password }}
    </div>

    <!-- 其他字段按相同方式添加 -->
</form>

3. 表单字段大小写不匹配 #

视图中request.POST["firstName"]、request.POST["lastName"]与forms.py中定义的firstname、lastname（全小写）不一致，会导致提交时无法获取数据。使用form.cleaned_data可以避免此类问题，同时确保数据经过验证。

4. 布尔字段必填问题 #

isOwner作为布尔字段，默认是必填项，用户不勾选会触发验证失败，建议添加required=False：

class SignupForm(forms.Form):
    # 其他字段不变
    isOwner = forms.BooleanField(required=False)

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