Как выровнять поля в бланке Wagtail

Question

Я создал форму электронной почты трясогузки, используя документированный метод . К сожалению, когда он отображается, поля ввода смещены и выглядят очень любопытно sh.

html:

{% block content %}    
    <form action="{% pageurl page %}" method="POST">
        {% csrf_token %}
        {{ form.as_ul }}
        <input type="submit">
    </form>    
{% endblock %}

Есть ли способ привести это в порядок и хотя бы выровнять начальный столбец полей ввода?

Answer 1

Самое прямое решение - использовать {{ form.as_table }}, чтобы отобразить форму как HTML <table> вместо списка. Тем не менее, для полного контроля над макетом вы можете l oop над объектом формы и выводить каждое поле индивидуально, внутри любой структуры HTML, которая вам нравится (которую затем можно стилизовать с помощью CSS) - см. Документы Django при https://docs.djangoproject.com/en/stable/ref/forms/api/#more -гранулированный выход для деталей.