应优先使用，因其支持嵌套内容、语义明确、样式可控、无障碍友好；仅适用于需兼容IE8及更早版本的遗留系统。
怎样用 <input> 创建普通点击按钮
直接写 <input type="button"> 就行，不需要额外 JS 也能渲染成可点击的按钮外观，但注意它默认不提交、不触发任何行为——这点常被误以为“没反应”。
-
type="button"是唯一合法值，type="BUTTON"（大写）或type="Button"在部分旧浏览器里可能被降级为text - 必须显式加
value属性，否则按钮上显示为空白（不是“按钮”文字，也不是浏览器默认提示） - 它和
<button></button>标签不同：不支持 HTML 内容嵌套（比如不能放<img>或<strong></strong>），也不支持form相关属性如formaction
为什么点不了？常见失效原因
写了 <input type="button" value="点我"> 却没反应，大概率不是标签问题，而是逻辑缺失或干扰：
- 没绑定
onclick事件，或绑定的函数名拼错（比如写成clik）、函数未定义 - JS 脚本在 DOM 加载前执行，导致
document.getElementById找不到元素（建议用DOMContentLoaded或把 script 放在 body 底部） - CSS 中误设了
pointer-events: none或opacity: 0，视觉上存在但实际不可点 - 父容器有
overflow: hidden且按钮被裁剪，或者 z-index 被遮挡
type="button" 和 type="submit" 混用时的坑
同一个表单里混用这两种类型，容易触发意外提交。浏览器对 type 的解析是严格区分语义的：
-
type="submit"在回车聚焦时会自动触发表单提交；type="button"完全不会 - 如果没写
type，部分浏览器（尤其旧版 IE）会按type="submit"处理，导致点一下就刷新页面 - React/Vue 等框架中，若用 JSX 或模板语法动态生成
type，要确保值是字符串"button"，而不是布尔值或 undefined
现代开发中还该用 <input type="button"> 吗？
能用，但通常不推荐——除非你在维护老系统或受限于 HTML 生成逻辑（比如 CMS 输出固定标签）。真实差异在于：
-
<button type="button"></button>更灵活：支持子元素、无障碍属性（aria-）、伪类样式（::before）更稳定 -
<input>按钮在 Firefox 中默认带内边距偏移，各浏览器盒模型表现不一致，微调对齐成本高 - 某些测试工具（如 Cypress）对
<button></button>的选择器支持更可靠，cy.get('input[type="button"]')可能漏匹配
如果你只是需要一个触发 JS 的纯操作入口，<button type="button"></button> 是更干净、更少隐性问题的选择。而 <input type="button"> 的存在意义，基本只剩兼容极老环境或特定表单生成器约束了。
