HTML按钮标签使用教程

为什么必须写type属性

省略 type 时，W3C 规范明确要求默认为 submit，但 IE 旧实现是 button。这种不一致会导致：表单内一个没加 type 的 测试，在 Chrome 里直接提交，在 IE11 里却啥也不干——调试时很难联想到是这个原因。

真实踩坑场景包括：

• 用 删除 绑定 JS 删除逻辑，结果点了反而刷新页面或跳转
• 模态框里的「取消」按钮没写 type="button"，关不掉还把表单发走了
• 组件库封装按钮时漏传 type，下游项目批量出现误提交

button和input[type=button]到底选哪个

button 和 功能重叠，但差异很实在：

• button 支持子元素： 关闭 可以塞图标、、甚至 ；input 只能靠 value 属性，纯文本
• input 在表单序列化时更稳定：某些老框架或后端解析器对 button 的 name/value 提交行为有歧义（比如未点击的 button 是否参与提交），而 input 行为统一
• 无障碍支持上，button 原生语义更强，配合 aria-label 更易读；input 需额外处理

结论：日常交互按钮（带图标、需要样式定制）优先用 button；纯表单操作且需最大兼容性（如银行类老系统）可考虑 input。

  


提交到 myForm