javascript - 不提交表单的 HTML 按钮

Question

我有一个表格。在那个表格之外，我有一个按钮。一个简单的按钮，像这样:

<button>My Button</button>

不过，当我点击它时，它会提交表单。代码如下:

<form id="myform">
    <label>Label 
      <input />
    </label>
</form>
<button>My Button</button>

这个按钮应该做的只是一些 JavaScript。但即使它看起来就像上面的代码一样，它也会提交表单。当我将标签按钮更改为跨度时，它可以完美运行。但不幸的是，它必须是一个按钮。有没有办法阻止该按钮提交表单？像 e。 g.

<button onclick="document.getElementById('myform').doNotSubmit();">My Button</button>

Answer 1

我认为这是 HTML 最令人讨厌的小特性...该按钮必须是“按钮”类型才能不提交。

<button type="button">My Button</button>

2019 年 2 月 5 日更新: 根据 HTML Living Standard (还有 HTML 5 specification ):

The missing value default and invalid value default are the Submit Button state.