Python django 帶多個提交按鈕

Question

我的 python django 模板 HTML 中有以下代碼。 我希望這些提交按鈕能夠像（GUI BOOT）一樣排列。 但現在我進入了不同的行，如下所示。

圖形用戶界面

開機

按鈕的功能很好。只是外觀不正確。

        <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 規則將您的 forms 顯示為內聯塊：

form {
    display: inline-block;
}

如果您想了解有關塊和內聯元素的更多信息，我建議您查看 w3schools HTML 教程： HTML 塊和內聯元素。

Also, if you don't know where to put your CSS rule for a Django template, here is the Django documentation regarding static files: Managing static files (eg images, JavaScript, CSS)