javascript - 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>

来自链接的文章:

This [submit] is the default if the attribute is not specified