当我使用输入类型=“按钮”时，一个功能运行良好，但当我使用按钮时，它不会

Question

我用这两种类型的按钮调用相同的函数。第一个它完美的工作，但使用按钮，它在第一个工作良好，但在不到一秒钟，它看起来像刷新页面。

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

Answer 1

type元素的<button>默认为submit，因此它将运行JS，然后立即提交表单。

如果您不想提交表单，请使用<button type="button" ...。

也就是说，硬编码按钮（没有JS就什么都不做）违反了unobtrusive JavaScript的原则（这是WWW最佳实践编程的一部分）。