type='button' 有什么作用吗？ [复制]

Question

我刚刚注意到这一点并且很好奇。我有两个带有 onClick 事件的<span>s，它们的作用基本相同；一个有type='button'，但另一个没有。他们的行为完全一样。

除了更清楚它是什么之外，将type='button' 添加到元素还有什么意义？

即使是标准的button 元素，无论有无，其行为似乎都完全相同。

<button onclick="alert('Hello world!')">Click Me!</button>

&&

<button type="button" onclick="alert('Hello world!')">Click Me!</button>

Answer 1

你可以做个表格看看区别：

<form onsubmit="alert('submited...')">
  <button>Click me</button>
</form>

<form onsubmit="alert('submited...')">
  <button type="button">Click me</button>
</form>

第一个示例中没有type 属性的button 标记与提交 按钮(<button type="submit">Click me</button>) 相关，而第二个按钮则没有。