Question

截至目前，我有一个用户输入结构，用户提供用户名/密码，然后点击＆＃34;登录＆＃34;或注册＆＃34;然后以该信息结束发布请求。

<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请求，就像我在第一个例子中那样。 / p>

Answer 1

你可以使用一点javascript。

以下是您需要做的事情：

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

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

Answer 2

有多种方法可以执行此操作，首先您的代码应该可以使用，因为默认情况下按钮应该提交，如果不是，您可以执行<button type="submit">login</button>，如果仍然无效，则可以使用{{1}让函数处理数据，但我可以问你为什么要改变它？如果原因是造型，我相信你知道你可以用onclick="myfunction()"

来设计风格

Answer 3

单击按钮将提交表单。

如果您想区分点击了哪个按钮，请为他们name和value提供，就像您在第一个示例中所做的那样。

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

Answer 4

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

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

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

4 个答案: