温馨提示×

HTML5 input formaction属性有什么用

小亿
103
2023-09-22 00:44:31
栏目: 编程语言

HTML5中的input元素可以使用formaction属性来指定提交表单时所要执行的URL。它的作用是覆盖表单的action属性,可以将表单的数据提交到不同的URL上。

使用formaction属性,可以在不修改表单的action属性的情况下,指定不同的提交URL。这对于在一个页面中有多个提交按钮,每个按钮对应不同的处理逻辑时非常有用。例如,可以在一个页面中有一个“保存”按钮和一个“删除”按钮,分别提交表单的数据到不同的处理URL上。

示例代码如下:

<form action="/save" method="post">
<input type="text" name="username" placeholder="Username">
<input type="submit" value="Save">
<input type="submit" value="Delete" formaction="/delete">
</form>

在上述例子中,表单的action属性被设置为"/save",表示提交表单时将表单数据发送到“/save”URL上。而第二个提交按钮的formaction属性被设置为"/delete",表示点击该按钮时将表单数据发送到“/delete”URL上。

注意,只有type为"submit"的input元素才能使用formaction属性。

0