如何在 Django 模板中重新定位表单按钮答案

【问题标题】：How to reposition form button in a Django template如何在 Django 模板中重新定位表单按钮
【发布时间】：2021-09-19 11:21:58
【问题描述】：

我有一个呈现表单的 Django 模板。代码是：

{% block body %}
    <h3>
        Create Listing
    </h3>
    <table>
        <form action="{%url 'create' %}" method="POST">
            {% csrf_token %}
            {{ form.as_table }}
        <input type="submit" value="Create Listing" class="btn btn-primary">
        </form>
    </table>

{% endblock %}

注意：我使用<table> 左对齐输入框（否则表单在屏幕上看起来很乱）。

蓝色的Create Listing 按钮当前出现在输入框的上方。如何移动此按钮使其位于输入框下方？

【问题讨论】：

标签： html django django-templates

【解决方案1】：

这样的东西应该可以工作（未经测试）：

<table>
    <form action="{%url 'create' %}" method="POST">
        {% csrf_token %}
        {{ form.as_table }}
        <tr>
            <th></th>
            <td>
                <input type="submit" value="Create Listing" class="btn btn-primary">
            </td>
        </tr>
    </form>
</table>

如果您希望按钮与标签（而不是输入字段）对齐，请将其放在 <th></th> 标签内。

【讨论】：