如何在Wagtail电子邮件表单上对齐字段

Question

我已使用documented method创建了一封无用的电子邮件表单。不幸的是，显示时，输入字段未对齐，看起来非常业余。

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>而不是列表。但是，要完全控制布局，您可以在喜欢的任何HTML结构（可以使用CSS对其进行样式设置）内循环遍历form对象并分别输出每个字段-有关详细信息，请参见Django文档。https://docs.djangoproject.com/en/stable/ref/forms/api/#more-granular-output