表单内button默认type为submit，为何仍需显式声明type="submit"？

你提到的简化代码如下：

<form class="form" id="form">  
  <input type="text" id="input" autocomplete="off"/>  
  <button type="submit" class="btn">Submit</button>
</form>

确实，在表单上下文里，<button>的默认type值就是submit，移除后代码也能正常运行，但教程里显式声明主要有这几个实际原因：

• 兼容性兜底：部分旧版本浏览器（比如早期IE）对按钮默认类型的处理不符合标准，显式声明能保证按钮在所有浏览器里都按提交表单的逻辑工作，避免出现兼容问题。
• 提升代码可读性：对于其他开发者或者一段时间后的你自己来说，不用去回忆默认规则，一眼就能明确这个按钮的作用是提交表单。如果表单里有多个按钮（比如同时存在提交、重置按钮），显式标注类型能彻底避免混淆。
• 符合严谨的编码规范：遵循W3C推荐的最佳实践，明确属性值可以减少潜在的意外风险——比如如果后续调整代码，把按钮移出了表单上下文，它的默认类型会变成button，这时候显式声明的type="submit"能让它保持预期功能（当然这时候可能需要配合JS，但至少类型不会意外变更）。

内容的提问来源于stack exchange，提问作者Sam Wong