javascript - input type = "button"を使用すると関数は機能しますが、buttonを使用すると機能しません

Question

これらの2種類のボタンで同じ関数を呼び出します。最初のものでは完全に機能しますが、ボタンでは最初はうまく機能しますが、1秒未満でページを更新するように見えます。

<input type="button" id="bProv" value="filtrar" onclick="filtroP()"/>
<button id="bProv" onclick="filtroP()">filtrar</button>

Answer 1

要素のデフォルトは。typeであるため、JSを実行し、すぐにフォームを送信します。<button>submit

<button type="button" ...フォームを送信したくない場合に使用します。

とはいえ、ボタンのハードコーディング（JSなしでは何もしません）は、控えめなJavaScript（WWWのベストプラクティスプログラミングの一部）の原則に反します。