“提交”按钮与其他按钮作出反应

Question

我正在做一些博客，我希望能够点击一个按钮，而没有提交按钮的反应。

<form action="" method="Post">
<button onClick="knapp(lank)">Link</button>

<textarea id='knappar'></textarea>
<input type="submit" value="Add post">
</form>


<script>
function knapp(value){
document.getElementById('knappar').value += "LOL";
}
</script>

出于某种原因，每当我点击链接按钮时，提交按钮就会做出反应并提交。

编辑：代码不起作用，因为它不会打印出来，但它仍然会刷新。

Answer 1

如果按钮位于表单中且没有type属性，则默认为submit，因此提交表单。添加button的类型：

<button type="button" onClick="knapp(lank)">Link</button>

这意味着它不会作为提交按钮。