表单真正提交需满足：按钮type必须为submit；form标签存在且含action和method属性；监听submit事件并preventDefault后手动处理。
怎么让表单真正提交数据
表单里放个 <button> 或 <input type="button">，点一下根本不会提交——它默认不是提交按钮。只有明确告诉浏览器“这是提交触发器”，数据才会打包发给服务器。
关键在 type 属性：必须是 submit，不是 button，也不是留空（某些浏览器会默认为 submit，但不可靠）。
-
<button type="submit">提交</button>—— 推荐，语义清晰，内容可含 HTML -
<input type="submit" value="提交">—— 兼容老浏览器，但只能纯文本 - 避免
<button>不写type：在 Firefox 中可能表现为submit，但在 Safari 或某些表单框架中可能被当成button - 如果用了
event.preventDefault()却忘了手动调用form.submit()，点击后页面没反应，也无报错——这是最常被忽略的静默失败
为什么点了提交按钮却没跳转或没发请求
常见现象：按钮有样式、能点击、控制台没报错，但网络面板里看不到请求发出。大概率是表单缺了关键连接点。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
<form>标签必须存在，且按钮得在它的内部（直接子元素或深层嵌套都行） -
form元素要带action属性，比如action="/api/login"；如果没写，多数浏览器会提交到当前 URL，容易误以为“没提交” -
method属性不写默认是GET，但后端接口往往只接受POST，导致 405 错误——检查响应状态码比看页面更准 - 表单内有
name为空的<input>或<select>，部分前端校验库会拦截提交，但按钮本身仍可点击
用 JavaScript 控制提交时要注意什么
想加个防重复点击、或者提交前校验，就得监听 submit 事件，但别直接绑 click。
立即学习“前端免费学习笔记（深入）”；
- 监听
form.addEventListener('submit', handler)，不是按钮的click——后者绕过表单原生验证（如required） - 处理函数第一句必须是
event.preventDefault()，否则页面会立即跳转或刷新 - 手动发请求后，别漏掉
form.reset()清空字段——否则用户二次点击时，可能带着旧数据重发 - 禁用按钮要用
button.disabled = true，而不是仅改样式；否则键盘用户仍可用 Enter 提交
移动端和无障碍访问下按钮容易出什么问题
按钮看起来能点，但触屏点不中、读屏器念不出功能，本质是语义缺失或尺寸违规。
- 最小点击区域应 ≥ 44×44px，
<input type="submit">默认太小，必须用 CSS 加min-height和padding - 用
<button>时，别依赖背景图或伪元素表达“提交”含义——读屏器看不见，得靠文字内容或aria-label - 不要用
onclick="submitForm()"写内联 JS，既难维护又破坏语义，还可能被 CSP 策略拦截 - 如果按钮文字是图标（如 ?），必须加
aria-label="提交登录表单"，否则屏幕阅读器只会说“按钮”
form 是否包裹了所有字段，以及没检查 action 地址是否真实可达。 
