HTML <button> formaction 属性

在 HTML 中，<button> 元素用于创建一个按钮，可以用于提交表单或执行 JavaScript 函数。<button> 元素有一个formaction属性，用于指定在提交表单时要将数据发送到的 URL。

语法

<button formaction="URL">

属性值

• URL: 指定表单数据要发送到的 URL。如果没有指定formaction属性，表单将默认将数据发送到当前页面的 URL。

示例

下面是一个简单的示例，展示了如何在<button>元素上使用formaction属性：

<form action="submit.php" method="post">
  <input type="text" name="username" placeholder="Username">
  <input type="password" name="password" placeholder="Password">
  <button type="submit" formaction="login.php">Login</button>
  <button type="submit" formaction="register.php">Register</button>
</form>

在上面的示例中，我们创建了一个表单，其中包含一个用户名输入框、一个密码输入框和两个按钮。一个按钮用于登录，另一个按钮用于注册。通过在每个按钮上使用formaction属性，我们可以指定在点击按钮时将数据发送到不同的 URL。

注意事项

• 如果表单中没有指定action属性，则formaction属性将被忽略。
• 如果在<button>元素上同时使用了formaction和form属性，formaction将覆盖form属性中指定的 URL。

结论

<button>元素的formaction属性为开发人员提供了一种灵活的方式，可以在不同的按钮上指定不同的处理逻辑。通过合理使用formaction属性，可以实现更加动态和交互性的表单提交功能。