使 HTML 按钮不提交 - HTML

一些使用 HTML 表单的网站在处理表单数据时需要 AJAX 或 JavaScript。但是，当用户点击提交按钮时，表单也会自动提交，并刷新页面，这不是我们想要的结果。因此，我们需要在 HTML 中阻止按钮提交行为。

方法一：使用 JavaScript

我们可以通过 JavaScript 来阻止按钮的默认事件，从而实现不提交表单的目的。以下是实现此功能的代码：

document.getElementById("myButton").addEventListener("click", function(event){
    event.preventDefault();
});

上述代码将针对具有 ID 为 myButton 的按钮。这里我们使用了 addEventListener() 方法来监听 click 事件，并使用 preventDefault() 方法来阻止默认行为。这样，即使用户点击了按钮，表单也不会自动提交。

方法二：使用 Button 类型

HTML 中的按钮有三种类型：submit、reset 和 button。如果我们把按钮的 type 属性设置为 button，那么点击按钮时就不会自动提交表单。如下所示：

<button type="button">不提交</button>

这里，我们将按钮的 type 属性设置为 button，这样点击按钮时就不会自动提交表单。同时，我们可以在 JavaScript 中加入事件监听器来处理按钮点击事件的行为。

结论

以上是两种方法可以防止 HTML 按钮自动提交表单。具体方法可根据实际情况选择。如果要对表单进行处理，请确保在合适的时候提交表单，并对表单的数据进行验证，以免造成安全问题。