HTML按钮不提交表单

2018-06-12 19:21:15

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

<button>My Button</button>

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

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

所有这个按钮应该做的是一些JavaScript。但即使它看起来就像上面的代码一样，它也会提交表单。当我将标签按钮更改为跨度时，它完美地起作用。但不幸的是，它需要是一个按钮。有没有办法阻止该按钮提交表单？像例如

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

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

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

return false; 在onclick处理程序的末尾将完成这项工作。但是，最好将type="button"添加到<button> - 这样即使没有任何JavaScript，它也可以正常运行。

戴夫马克尔是正确的。来自W3School的网站：

总是指定按钮的类型属性。 Internet Explorer的默认类型是“按钮”，而在其他浏览器（以及W3C规范中）则是“提交”。

换句话说，您使用的浏览器遵循W3C的规范。

链接地址: http://www.djcxy.com/p/36587.html