Onclick不应该触发表单数据提交

Question

我刚刚发现,每次onclick我<button>放置内部<form>标签的事件触发时,表单都会像点击一样提交数据<input type='submit'>.我不希望这样.我的表单中的按钮服务于其他任务,表单不应该在我点击其中一个后提交数据.

为了更清楚,我想要这个代码:

<form action="http://www.google.com" method="POST">
    <button onclick="alert('hi!')">Button</button>
    <br>
    <input type="submit" value="submit"/>
</form>

显示警报"嗨!" 当我点击按钮时,它不应该在那之后打开谷歌.它应该只在我按"提交"时显示谷歌.

Answer 1

指定type="button":

<button type="button" onclick="alert('hi!')">Button</button>

来自链接的文章:

如果未指定属性,则此[submit]是默认值