Почему пользовательская форма html не работает django

У меня есть страница контактов с простой формой.

Вот 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.')

это контакт.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 он работает очень хорошо, но когда я использую этот шаблон он не работает он только показывает в терминале, что был сделан пост запрос.

Синтаксис 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, то поля формы будут отображаться в теге <p> html, вы можете видеть через Ctrl+U из view page source, там мы не можем иметь больше контроля над формой.

Ваш вопрос - 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'}))

Вы можете установить его для каждого поля.

Вернуться на верх