如何使用HTML按鈕標簽發送HTML表單POST請求？

Question

到目前為止，我有一個用戶輸入結構，其中用戶提供其用戶名/密碼，然后單擊“登錄”或“注冊”，然后以該信息結束發布請求。

<form action="{% url 'users:login' %}" method = "post">
    Username: <input type="text" name="username"><br>
    Password: <input type="password" name="passwd"><br>
    <input type="submit" name="login" value="Log In">
    <input type="submit" name="adduser" value="Add User">
</form>

我想要的是用標簽替換兩個提交按鈕，即：

<form class="control-group" action="{% url 'users:login' %}" method = "post">
     <input type="text" placeholder="Username" name="username">
     <input type="password" placeholder="Password" name="passwd">
     <button class="button-style">Login</button>
     <button class="button-style">Register</button>
 </form>

但是，我不確定如何像在第一個示例中一樣，以正確的信息（用戶名，密碼，類型（登錄或注冊））發送表單的POST請求。

Answer 1

您可以使用一些javascript。

這是您要做的：

• 在每個按鈕上注冊一個觸發器
• 在觸發器中：
  • 更改操作網址
  • 發送表格

您還應該在表單驗證中注冊一個觸發器，並調用先前定義的兩個觸發器之一。

Answer 2

這樣做有多種方法，首先您的代碼應該可以工作，因為默認情況下該按鈕應該提交，否則您可以執行<button type="submit">login</button> ，如果仍然無法工作，則可以使用onclick="myfunction()"並讓函數處理數據，但是請問為什么要更改它？ 如果原因是樣式，我相信您知道可以僅使用class="myClass"樣式設置

Answer 3

單擊按鈕將提交表單。

如果要區分單擊了哪個按鈕，請像在第一個示例中一樣，給它們name s和value 。

<button class="button-style" name="login" value="Log In">Login</button>

Answer 4

是，默認情況下，按鈕提交表單。 如果沒有發生，請使用

<button type="submit">Login</button>