如何阻止按钮提交 HTML 表单？

防止单击删除按钮时提交表单

在提供的 HTML 表单中，单击“删除”按钮会触发表单提交。为了防止这种行为，必须了解 HTML5 按钮元素具有提交表单的默认行为（如 W3C 规范所定义）。

要覆盖此默认行为，请显式指定按钮的类型为按钮:

<button type="button">Remove Last Item</button>

通过将 type 属性设置为“button”，您可以指示浏览器将 Button 元素视为启动自定义 JavaScript 代码的按钮（在本例中，

<script>
  function removeItem() {
    // Custom code to remove the last row
  }
</script>

此修改可确保“删除”按钮在单击时不再提交表单，从而允许您执行其他操作，例如删除一行从表或更新应用程序中的数据，而不触发表单提交。

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