是现代标准写法，显式声明 type 可规避旧版 Safari 和安卓 WebView 的行为不一致；form 属性支持表单外按钮提交；提交前需监听 form submit 事件、校验并禁用按钮，且所有字段须有 name 且非 disabled。
<button type="submit"></button> 是现代标准写法，<input type="submit"> 仅在需兼容极老 IE（如 IE8 及更早）时考虑使用。
为什么必须显式写 type="submit"？
不写 type 的 <button></button> 在表单内默认就是 submit，但行为不一致：旧版 Safari 曾默认为 button，导致点击无反应；而部分安卓 WebView 会忽略缺失 type 的语义。显式声明能规避静默失败。
- 错误写法：
<button>提交</button>—— 表单里点它可能提交，也可能不提交，取决于浏览器 - 正确写法：
<button type="submit">提交</button>—— 行为可预期，且支持嵌套<svg></svg>、<span></span>等内容 - 若按钮本意不是提交（比如“清空”“预览”），必须写
type="button"，否则会意外触发表单提交
form 属性让按钮脱离表单也能提交
当按钮需要放在弹窗、页脚或另一个 <form></form> 外部时，用 form 属性绑定目标表单，比 JS 手动收集数据更可靠。
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 目标
<form id="myForm"></form>必须存在，且id值与按钮的form="myForm"完全一致（大小写、连字符都不能错） - 仅
<button type="submit"></button>和<input type="submit">支持该属性，type="button"写了也无效 - 提交时只采集
form="myForm"对应表单内的控件，按钮自身位置不影响数据范围 - 注意：若按钮已处于某个
<form></form>内部，form属性会被忽略
提交前拦截和防重复的关键点
监听 form 的 submit 事件，而不是按钮的 click —— 否则回车提交不会被捕获。
立即学习“前端免费学习笔记（深入）”；
- 校验失败时调
event.preventDefault()，但成功后若要用fetch发送，必须手动执行，原生提交已被阻止 - 禁用按钮防止重复点击，应在
submit事件中设button.disabled = true，而非初始就加disabled - 提交完成后务必重置：
button.disabled = false（失败时）或跳转/清空表单（成功时），否则用户无法再次操作 - 别用
opacity: 0.5或pointer-events: none代替disabled，它们不阻止表单提交逻辑
最容易被忽略的是：所有要提交的字段（<input>、<select></select>、<textarea></textarea>）必须带 name 属性，且不能是 disabled 状态——readonly 可以，disabled 会被浏览器直接剔除出提交数据。
