当我使用input type =“ button”时，功能很好，但是当我使用button时，它没有

Question

I call the same function with those two types of button. With the first it works perfectly but with button it works well at the first but in less than one second it looks like refresh the page.

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

Answer 1

The type of a <button> element defaults to submit , so it will run the JS and then immediately submit the form.

Use <button type="button" ... if you don't want form submission.

That said, hard coding a button (which does nothing without JS) goes against the principles of unobtrusive JavaScript (which are part of best practise programming for the WWW).