HTML <button> formaction 属性
在 HTML 中,<button>
元素用于创建一个按钮,可以用于提交表单或执行 JavaScript 函数。<button>
元素有一个formaction
属性,用于指定在提交表单时要将数据发送到的 URL。
语法
<button formaction="URL">
属性值
- URL: 指定表单数据要发送到的 URL。如果没有指定
formaction
属性,表单将默认将数据发送到当前页面的 URL。
示例
下面是一个简单的示例,展示了如何在<button>
元素上使用formaction
属性:
----- ------------------- -------------- ------ ----------- --------------- ----------------------- ------ --------------- --------------- ----------------------- ------- ------------- ------------------------------------- ------- ------------- ------------------------------------------- -------
在上面的示例中,我们创建了一个表单,其中包含一个用户名输入框、一个密码输入框和两个按钮。一个按钮用于登录,另一个按钮用于注册。通过在每个按钮上使用formaction
属性,我们可以指定在点击按钮时将数据发送到不同的 URL。
注意事项
- 如果表单中没有指定
action
属性,则formaction
属性将被忽略。 - 如果在
<button>
元素上同时使用了formaction
和form
属性,formaction
将覆盖form
属性中指定的 URL。
结论
<button>
元素的formaction
属性为开发人员提供了一种灵活的方式,可以在不同的按钮上指定不同的处理逻辑。通过合理使用formaction
属性,可以实现更加动态和交互性的表单提交功能。