html - 和 有什么区别

Question

我遇到过这个 html:

<button type="button></button>

上面的html和这个有什么区别:

<button></button>

Answer 1

来自MDN page on the <button> tag :

对于 type <button> 的属性标签，可能的值是:

提交:按钮将表单数据提交给服务器。如果未指定属性，或者属性动态更改为空值或无效值，则这是默认值。

重置:该按钮将所有控件重置为其初始值。

按钮:按钮没有默认行为。它可以具有与元素事件关联的客户端脚本，这些脚本在事件发生时触发。

因此，如果按钮位于 <form> 中并且没有指定类型，它默认为提交按钮。因此，如果您希望它只是一个普通按钮，而不默认为提交按钮，那么您可以指定 type="button" .