Question

这是将在其中显示表单的HTML页面的代码：

    <body>
        <h1>Add a Category</h1>

        <form id="category_form" method="post" action="/rango/add_category/">

            {% csrf_token %}
            {% for hidden in form.hidden_fields %}
                {{ hidden }}
            {% endfor %}

            {% for field in form.visible_fields %}
                {{ field.errors }}
                {{ field.help_text }}
                {{ field }}
            {% endfor %}

            <input type="submit" name="submit" value="Create Category" />
        </form>
    </body>

这是表单的显示方式： Output

我在代码中缺少什么？我正在关注the TWD Tutorial

根据教程输出：

Desired output

Answer 1

输入和按钮是内联元素，因此它们出现在同一行中。调整浏览器窗口的大小，此按钮将像任何其他文本元素一样移动到下一行。

如果您想将按钮放在输入下而不管窗口宽度如何，那么将按钮放入块元素中，如<div>或<p>：

<div>
    <input type="submit" name="submit" value="Create Category" />
</div>

Django表单字段和按钮不按顺序显示

1 个答案: