要让正确触发表单提交，必须设type="submit"且置于有效内，表单需有action和显式method（推荐POST）；常见失效原因包括按钮在form外、缺action、JS调用preventDefault()后未手动提交，或存在name="submit"字段覆盖原生方法。
怎样让 <input> 正确触发表单提交
直接把 <input> 的 type 设为 submit 就能触发表单提交，但前提是它必须位于一个有效的 <form></form> 标签内部，且表单本身有明确的 action 和 method（或依赖浏览器默认行为）。
常见错误是把 <input type="submit"> 写在 <form></form> 外面，或者表单没写 action，导致点击后页面刷新但无实际请求发出。
-
<input>必须是<form></form>的**直接子元素或嵌套在表单内任意层级的元素中**（如放在<div> 里也行） <li>如果表单没有 <code>action属性，浏览器会向当前 URL 发起提交（可能只是刷新页面） - 不推荐省略
method：默认是GET，敏感或大数据量应显式设为POST - 检查控制台是否报错：
Uncaught TypeError: form.submit is not a function→ 很可能是某个<input name="submit">把表单的submit()方法挤掉了 - 确认没有全局或内联
onsubmit="return false"，或 JS 中对submit事件调用了preventDefault()后没做后续处理 - 注意：
<input type="submit">不会触发click事件冒泡到<form></form>，但会触发submit事件——监听点要选对 -
<button type="submit"></button>支持 HTML 内容（比如图标 + 文字），<input>只能靠value属性设文本 -
<button></button>在部分老版本 IE 中对form属性支持更好（可脱离表单绑定） -
<input>提交时只发送name=value，而<button></button>如果有name，也会作为键值对提交——这点容易引发后端参数混淆 - 若用 CSS 重置了
button默认样式，记得手动加cursor: pointer，否则视觉反馈可能丢失 - 校验失败时，在事件处理器中调用
event.preventDefault()，然后聚焦错误字段——不要删掉type="submit" - 避免给按钮加
onclick="form.submit()"：这绕过了submit事件，表单验证（如required）、拦截逻辑、甚至某些框架的钩子都会失效 - 如果真要用 JS 提交，确保调用的是表单元素的
submit()方法，而不是按钮自身的click()——后者不会触发submit事件
为什么 <input type="submit"> 点击没反应
最常被忽略的是表单上下文缺失或 JavaScript 干预。比如用了 event.preventDefault() 却没手动调用 form.submit()，或者表单里存在 name="submit" 的字段，覆盖了原生 submit 方法。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
<input type="submit"> 和 <button type="submit"></button> 有什么实际区别
功能上完全等价，都能触发表单提交；差异主要在语义、样式控制和默认行为细节上。
如何安全地自定义提交按钮又不破坏原生行为
核心原则：不拦截 submit 事件，除非你明确要接管整个流程；否则优先用 addEventListener('submit', handler) 做校验或埋点，最后让表单自然提交。
真正麻烦的从来不是怎么写这个按钮，而是它背后那堆没声明的依赖：表单结构、事件监听顺序、同名字段污染、以及开发时忘了关掉的某段调试代码。
