input type="button" 是无默认行为的纯触发器，不提交表单、不重置字段、不响应回车；必须用 addEventListener 绑定事件以解耦逻辑与结构，其显示文本仅由 value 属性控制，且在表单中完全不参与提交，语义与可访问性弱于 。
input type="button" 本质就是一个不带默认行为的触发器，它不会提交表单、不会重置字段、也不会响应键盘回车——除非你手动加 onclick 或用 JavaScript 绑定事件。
为什么不能直接用 onclick="doSomething()" 就完事？
能跑，但不推荐。硬编码在 HTML 里会让逻辑和结构耦合，调试困难，也不利于复用或动态控制。更关键的是：如果 JS 加载失败或被禁用，onclick 属性就完全失效，按钮变成“假按钮”。
- 应改用
addEventListener("click", handler)在 JS 中绑定 - 确保 DOM 加载完成后再绑定，比如放在
DOMContentLoaded事件里 - 若需支持旧版 IE（如 IE8），得用
attachEvent回退，但现代项目基本可忽略
value 属性是唯一控制显示文字的方式
input type="button" 是空标签，不能嵌套内容。它不像 button 元素那样允许写 <button>点我</button>，所有可见文本必须通过 value 属性设置。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
-
<input type="button" value="保存">✅ 正确 -
<input type="button">保存❌ 无效，浏览器会忽略闭合标签及内部文本 -
value值为空（value=""）时按钮显示空白，容易误点且无提示
它和 button 元素在表单里的行为差异
两者都可触发点击，但在表单上下文里，input type="button" 完全不参与表单提交流程；而 button 元素如果不显式设 type="button"，在部分浏览器（尤其是旧版 IE）中会默认当 type="submit" 处理，意外触发表单提交。
立即学习“前端免费学习笔记（深入）”；
-
<input type="button">永远不会提交表单，安全但死板 -
<button>提交</button>在没设type时行为不一致，W3C 规范定义为submit，IE 默认也是submit，但某些移动端浏览器可能按button处理 - 所以真正要避免意外提交，必须写成
<button type="button">取消</button>
真正容易被忽略的点是：很多人以为 input type="button" 和 button 只是写法不同，其实它们的语义、可访问性支持、样式扩展能力（比如伪元素、子元素）都差了一层。如果不是为了兼容极老系统或遗留代码，优先用 button 元素更稳妥。
