html 通过Django的部件，调整自定义表单外观

Posted 2021-05-10

{% extends 'base.html' %} 
{% load widget_tweaks %}
{% block title %}Start a New Topic{% endblock %} 

{% block breadcrumb %}
    <li class="breadcrumb-item"> <a href="{% url 'home' %}">Boards</a> </li>
    <li class="breadcrumb-item"> <a href="{{ board.get_absolute_url }}">{{ board.name }}</a> </li>
    <li class="breadcrumb-item active">New topic</li>
{% endblock %} 

{% block content %}
    <form method="post">
        {% csrf_token %}

        {% for field in form %}
            <div class="form-group">
                {{ field.label_tag }}

                {% if form.is_bound %}
                    {% if field.errors %}
                        {% render_field field class="form-control is-invalid" %}
                        {% for error in field.errors %}
                            <div class="invalid-feedback">{{ error }}</div>
                        {% endfor %}
                    {% else %}
                        {% render_field field class="form-control is-valid" %}
                    {% endif %}
                {% else %}
                    {% render_field field class="form-control" %}
                {% endif %}

                {% if field.help_text %}
                    <small class="form-text text-muted"> {{ field.help_text}} </small>
                {% endif %}
            </div>
        {% endfor %}

        <button type="submit" class="btn btn-success">Post</button>
    </form>
{% endblock %}