我有一个表格。在那个表格之外,我有一个按钮。一个简单的按钮,像这样:
<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>
最佳答案
我认为这是 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.
关于javascript - 不提交表单的 HTML 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2825856/