为什么 html 自定义表单不起作用 django

Question

我有一个表格很简单的联系页面。

这里是views.py:

def contact_view(request):
if request.method == 'GET':
    form = ContactForm()
else:
    form = ContactForm(request.POST)
    if form.is_valid():
        subject = form.cleaned_data['subject']
        from_email = form.cleaned_data['from_email']
        message = form.cleaned_data['message']
        try:
            send_mail(subject, message, from_email, settings.ADMIN_EMAILS)
        except BadHeaderError:
            return HttpResponse('Invalid header found.')
        return redirect('success')
return render(request, "base/contact.html", {'form': form})


def success_view(request):
    return HttpResponse('Success! Thank you for your message.')

这是contact.html:

{% block content%}
<main class="page contact-page">
    <section class="portfolio-block contact">
        <div class="container">
            <div class="heading">
                <h2>Contact me</h2>
            </div>
            <form method="post">
                {% csrf_token %}
                <div class="mb-3"><label class="form-label" for="name">Your Name</label><input class="form-control item" type="text" id="name"></div>
                <div class="mb-3"><label class="form-label" for="subject">Subject</label><input class="form-control item" type="text" id="subject"></div>
                <div class="mb-3"><label class="form-label" for="email">Email</label><input class="form-control item" type="email" id="email"></div>
                <div class="mb-3"><label class="form-label" for="message">Message</label><textarea class="form-control item" id="message"></textarea></div>
                <div class="mb-3"><button class="btn btn-primary btn-lg d-block w-100" type="submit" value="submit">Submit Form</button></div>
            </form>
        </div>
    </section>
</main>
{% endblock %}

当我使用 form.as_p 时它工作得很好但是当我使用这个模板时它不工作它仅在终端中显示已发出 post 请求。

Answer 1

表单的html循环语法如下，我们可以在其中访问特定的field、field.label、non_field_errors以及particular field errors。

在你的情况下你可以这样使用：

contact.html


{% block content%}
<main class="page contact-page">
    <section class="portfolio-block contact">
        <div class="container">
            <div class="heading">
                <h2>Contact me</h2>
            </div>
            <form method="POST" novalidate>
                {% csrf_token %}
                {% if form.non_field_errors %}
                    {% for error in form.non_field_errors  %}
                    <div>
                        {{error}}
                    </div>
                    {% endfor %}
                {% endif %}

                {% for field in form  %}
                <p>{{field.label_tag}} {{field}}</p>
                <br>
                    {% for error in field.errors  %}
                        <span>{{error}}</span>
                    {% endfor %}
                {% endfor %}
                <input type="submit" value="Save">
            </form>
        </div>
    </section>
</main>
{% endblock %}

您可以像上面那样使用它，它将与您现有的视图完美配合，正如您所说的那样，它可以与 form.as_p 配合使用。

如果你只给form.as_p，它会在html的<p>标签中渲染表单字段，你可以看到view page source的Ctrl+U，在那里我们无法对形式进行更多控制。

您的问题 -- How can i use bootstrap's classes in django's form?

答案 - 您可以通过 widget 在您的表单文件中设置。例如：

class MyForm(forms.Form):
    name=forms.CharField(widget=forms.TextInput(attrs={'class':'form-control'}))

如上方式，可以设置到每个字段。

为什么 html 自定义表单不起作用 django

Why the html custom form is not working django

python

django

django-templates

django-forms

django-views