HTML5 input formaction属性有什么用

1279
2023/9/30 0:44:31
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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属性。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: html5页面如何插入小程序