1
Amy 原创整理｜资料核验：2026-10-30
MDN 的 button 文档提醒，如果按钮不是用来提交表单，应把 type 明确设置为 button。与表单关联的按钮若按提交按钮处理，点击后可能提交资料、加载响应，甚至丢失页面当前状态。
教学示例：<button type="button">预览</button> 表示没有默认提交行为；预览功能仍需另行实现。真正提交表单的按钮则可以明确写 type="submit"。例子只解释 HTML 行为，不连接真实提交接口。
Amy 的检查建议：为表单里“展开更多”“添加一行”“预览”等按钮逐一确认类型，并在填写部分资料后实际点击，观察是否出现意外导航或提交。按钮的文字只是给人看的标签，写着“预览”并不会自动改变它的表单行为。
官方来源：
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button