如何使用HTML按钮标签发送HTML表单POST请求？
如何使用HTML按钮标签发送HTML表单POST请求？
提问于 2014-04-24 07:45:11
到目前为止，我有一个用户输入结构，用户提供用户名/密码，然后单击“登录”或注册，然后以该信息结束post请求。
<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请求和正确的信息(用户名、密码、输入(登录或注册))，就像我在第一个示例中所做的那样。
回答 4
Stack Overflow用户
回答已采纳
发布于 2014-04-24 07:49:59
您可以使用一个javascript位。
以下是你必须做的事情：
- 在每个按钮上注册一个触发器
- 在触发器中：
- 更改动作url
- 寄出表格
您还应该在表单验证中注册一个触发器，并调用前面定义的两个触发器中的一个。
Stack Overflow用户
发布于 2014-04-24 07:54:33
这样做有多种方法，首先，您的代码应该工作，因为默认情况下，按钮应该提交，如果不能执行<button type="submit">login</button>，如果仍然不能工作，可以使用onclick="myfunction()"并让函数处理数据，但是我可以问为什么要更改它吗？如果原因是造型的话，我相信你知道你可以用一个class="myClass"来设计样式。
Stack Overflow用户
发布于 2014-04-24 07:56:16
单击按钮将提交表单。
如果您想要区分单击了哪个按钮，请给它们names和values，就像在第一个示例中所做的那样。
<button class="button-style" name="login" value="Log In">Login</button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23262845
复制相关文章
相似问题
腾讯云开发者
