如何不提交表单的HTML按钮?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (412)

我有表格。在那个表格外,我有一个按钮。一个简单的按钮,如下所示:

<button>My Button</button>

然而,当我点击它时,它会提交表单。下面是代码:

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

这个按钮应该做的就是一些JavaScript。但即使在上面的代码中,它也提交了表单。当我将标记按钮更改为span时,它工作得非常完美。但不幸的是,它需要一个按钮。有没有办法阻止该按钮提交表单?

<button onclick="document.getElementById('myform').doNotSubmit();">My Button</button>
提问于
用户回答回答于

我认为这是HTML最恼人的小特点.该按钮需要键入“按钮”才能不提交。

<button type="button">My Button</button>
用户回答回答于

始终为按钮指定类型属性。InternetExplorer的默认类型是“按钮”,而在其他浏览器中(在W3C规范中)是“提交”。

扫码关注云+社区

领取腾讯云代金券