如何使用 HTML 按钮标签发送 HTML 表单 POST 请求？答案

【问题标题】：How to send an HTML form POST request using the HTML button tag?如何使用 HTML 按钮标签发送 HTML 表单 POST 请求？
【发布时间】：2014-06-09 09:08:37
【问题描述】：

截至目前，我有一个用户输入结构，用户提供他们的用户名/密码，然后单击“登录”或“注册”，然后使用该信息结束发布请求。

<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 请求以及正确的信息（用户名、密码、类型（登录或注册）），就像我在第一个示例中所做的那样。

【问题讨论】：

<button> 的默认行为是提交。 您的代码应该可以工作。您遇到过什么问题吗？ developer.mozilla.org/en-US/docs/Web/HTML/Element/…

标签： javascript html css web

【解决方案1】：

你可以使用一点javascript。

这是你必须做的：

在每个按钮上注册一个触发器
在触发器中：
- 更改操作网址
- 发送表格

您还应该在表单验证上注册一个触发器，并调用之前定义的两个触发器之一。

【讨论】：

【解决方案2】：

有多种方法可以做到这一点，首先你的代码应该可以工作，因为按钮应该默认提交，如果没有你可以做<button type="submit">login</button>，如果仍然不能工作，你可以使用onclick="myfunction()"并让函数处理数据，但请问您为什么要更改它？如果原因是造型，我相信你知道你可以只用一个class="myClass"

【讨论】：

【解决方案3】：

单击按钮将提交表单。

如果您想区分单击了哪个按钮，请给它们names 和values，就像您在第一个示例中所做的那样。

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

【讨论】：

【解决方案4】：

是的，默认情况下按钮提交表单。如果这没有发生，请使用

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

【讨论】：