Python 具有多个提交按钮的 django

Question

我的 python django 模板 HTML 中有以下代码。我期待这些提交按钮像 (GUI BOOT) 一样排成一行。但现在我进入了不同的行，如下所示。

图形界面

开机

按钮的功能fine.Only外观不正确。

        <form action="Action_1" method="post">{% csrf_token %}&emsp;&emsp;<input id="Serial_no" type="hidden" name="Serial_no" value="{{device.Serial_no}}"><input type="submit" value="GUI"></form>
        <form action="Action_2" method="post">{% csrf_token %}&emsp;&emsp;<input id="Serial_no" type="hidden" name="Serial_no" value="{{device.Serial_no}}"><input type="submit" value="BOOT"></form>

请帮助我获得在线提交按钮

Answer 1

您的两个输入按钮都嵌套在一个表单元素中。知道表单元素是块类型，如果不应用某些 CSS 规则，您将无法将两个按钮放在同一行上。

对于您的情况，我建议您使用以下 CSS 规则将表单显示为内联块：

form {
    display: inline-block;
}

如果您想了解有关块元素和行内元素的更多信息，建议您查看 w3schools HTML 教程：HTML Block and Inline Elements.

此外，如果您不知道将 Django 模板的 CSS 规则放在哪里，这里是关于静态文件的 Django 文档：Managing static files (e.g. images, JavaScript, CSS)

Python 具有多个提交按钮的 django

Python django with multiple submit buttons

python

html

button

submit