如何在 Firefox 中阻止按钮提交表单？

使用按钮阻止表单提交

使用表单时，有时需要添加执行特定操作而不触发表单提交的按钮。在本文中，我们将深入研究如何防止特定按钮（例如所提供的代码片段中的“删除”按钮）在 Firefox 中提交表单，同时允许其他按钮这样做。

问题陈述

在给定的 HTML 表单中，“添加”按钮正常工作，而“删除”按钮在单击时提交表单。此行为特定于 Firefox，是由于 HTML5 按钮元素的默认行为而出现的。

了解问题

根据 W3 规范，HTML5 按钮元素继承默认类型“提交” 。这意味着除非另有明确指定，否则按钮具有提交其包含表单的固有行为。

解决方案：覆盖默认类型

要防止“删除”按钮提交表单，请使用以下方法：需要覆盖其默认类型。这可以通过显式指定类型为“button”来实现：

<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>

通过将 type 属性设置为“button”，我们指示按钮的行为类似于标准按钮元素，而不提交表单。但是，我们还需要包含一个额外的 return 语句：

return false;

此 return 语句可防止按钮的默认操作（即提交表单）发生。组合这两个元素可确保“删除”按钮触发所需的 JavaScript 函数，而无需提交表单。

以上是如何在 Firefox 中阻止按钮提交表单？的详细内容。更多信息请关注PHP中文网其他相关文章！