HTML按钮不提交表单

Question

HTML按钮不提交表单

我有一张表格。在那个表格之外，我有一个按钮。一个简单的按钮，如下所示：

<button>My Button</button>

然而，当我点击它时，它会提交表单。这是代码：

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

所有这个按钮应该是一些JavaScript。但即使它看起来像上面的代码，它提交表单。当我将标签按钮更改为span时，它可以完美地工作。但不幸的是，它需要成为一个按钮。有没有办法阻止该按钮提交表单？比如说

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

Answer 1

我认为这是HTML中最烦人的小特性......该按钮需要是“按钮”类型才能不提交。<button&nbsp;type="button">My&nbsp;Button</button>根据HTML Living Standard（以及HTML 5规范）：在缺失值默认和无效值默认是提交按钮状态。