我有一个表格。在那个表格之外，我有一个按钮。一个简单的按钮，像这样：
<button>My Button</button>
不过，当我点击它时，它会提交表单。代码如下：
<form id="myform">
<input />
</form>
<button>My Button</button>
这个按钮应该做的只是一些 JavaScript。但即使它看起来就像上面的代码一样，它也会提交表单。当我将标签按钮更改为跨度时，它可以完美运行。但不幸的是，它必须是一个按钮。有没有办法阻止该按钮提交表单？像 e。 g.
<button onclick="document.getElementById('myform').doNotSubmit();">My Button</button>
【问题讨论】：
标签： javascript html
return false; 在 onclick 处理程序的末尾将完成这项工作。但是，最好将type="button" 简单地添加到<button> - 这样即使没有任何JavaScript 也能正常运行。
【讨论】：
return false; 并不适用于所有场景，而 type="Button" 可以。即使启用了 JavaScript。
我认为这是 HTML 最令人讨厌的小特性...该按钮必须是“按钮”类型才能不提交。
<button type="button">My Button</button>
2019 年 2 月 5 日更新：根据 HTML Living Standard（以及 HTML 5 specification）：
缺失值默认和无效值默认是提交 按钮状态。
【讨论】：
to use <button>
<button>s。此外，<button> 并非 100% 跨浏览器兼容，因为不同的浏览器可能会在表单中使用相同的 <button> 时提交不同的值。
<button> 标签中type 属性的默认值为submit。当更改为 type=button 时，<button> 没有默认行为。在此处查看type 属性：developer.mozilla.org/en-US/docs/Web/HTML/Element/button
建议不要使用<Button> 标签。请改用<Input type='Button' onclick='return false;'> 标签。 （使用“return false”确实不应该发送表单。）
【讨论】：
<input type="button" />就够了，用return false;就够了——没必要两个都用。
戴夫马克尔是正确的。来自W3School's website：
始终指定类型属性 按钮。默认类型为 Internet Explorer 是“按钮”，而 在其他浏览器中（以及在 W3C 规范）它是“提交”。
换句话说，您使用的浏览器遵循 W3C 的规范。
【讨论】：
默认情况下，html 按钮提交表单。
这是因为即使位于表单外部的按钮也充当提交者（请参阅 W3Schools 网站：http://www.w3schools.com/tags/att_button_form.asp）
也就是说，按钮类型默认为“提交”
<button type="submit">Button Text</button>
因此，解决此问题的一种简单方法是使用 按钮类型。
<button type="button">Button Text</button>
其他选项包括在 onclick 的末尾返回 false 或单击按钮时的任何其他处理程序，或者使用 标记代替
要了解更多信息，请查看 Mozilla 开发者网络关于按钮的信息：https://developer.mozilla.org/en/docs/Web/HTML/Element/button
【讨论】：
出于可访问性的原因，我无法使用多个type=submit 按钮来完成它。使用带有多个按钮的form 本地工作的唯一方法，但只有一个可以在点击Enter 键时提交表单是确保其中只有一个是type=submit，而其他人属于其他类型，例如type=button。通过这种方式，您可以从键盘支持方面在浏览器上处理表单时获得更好的用户体验。
【讨论】：
另一个对我有用的选项是添加 onsubmit="return false;"到表单标签。
<form onsubmit="return false;">
在语义上可能不如上述更改按钮类型的方法好，但如果您只想要一个不会提交的表单元素，这似乎是一种选择。
【讨论】：