📜  HTML | <button>formaction 属性<button>(1)

📅  最后修改于: 2023-12-03 14:41:47.303000             🧑  作者: Mango

HTML |

在 HTML 中,<button> 元素用于在 web 页面中创建按钮,其 formaction 属性定义了当用户点击按钮时提交表单的 URL。

语法
<button formaction="url">Button</button>
属性值
  • url: 要提交表单的 URL。
示例
<form action="/demo/form" method="post">
  <input type="text" name="username" placeholder="请输入用户名"><br>
  <input type="password" name="password" placeholder="请输入密码"><br>
  <button type="submit" formaction="/demo/register">注册</button>
  <button type="submit" formaction="/demo/login">登录</button>
</form>

在此示例中,两个按钮都使用了 formaction 属性,分别将表单提交到不同的 URL。这样用户就可以通过单击不同的按钮来执行登录或注册操作。

注意事项
  • 如果没有使用 formaction 属性,则默认会提交表单中指定的 action 属性的 URL。
  • 如果表单没有指定 action 属性,则 formaction 属性将不起作用。
  • formaction 属性只适用于 type 属性值为 "submit" 的按钮,其他类型的按钮忽略 formaction 属性。
  • 如果表单的 method 属性为 "get",则 formaction 属性指定的 URL 会覆盖表单的查询字符串。