提交按钮必须在<form>内且配齐name、action、method三属性，否则无法提交；<button type="submit">比<input type="submit">更灵活，支持富文本与无障碍优化。
提交按钮不是“写个 <input type="submit"> 就完事”——它必须在 <form> 里、带 name、配 method 和 action，否则点下去什么都不会发生。
为什么点了提交按钮没反应？
常见现象：按钮显示正常，点击后页面刷新或静默，但数据根本没发出去。
-
<form>缺action属性 → 浏览器不知道往哪发，直接本地刷新 - 表单控件（如
<input>）没设name→ 即使发出去，后端收不到字段名，值等于白传 - 用了
<button>但没写type="submit"→ 默认是type="submit"，但某些旧环境或 JS 干预后行为不可靠，显式声明更稳 - 把按钮放在
<form>外面 → 它和表单毫无关系，点它只触发 click 事件，不触发表单提交
<input type="submit"> 和 <button type="submit"> 怎么选？
两者都能提交，但语义和控制粒度不同：
-
<input type="submit">只能通过value属性设文字，不能嵌套 HTML（比如加图标或<span>） -
<button type="submit">内容可任意，支持富文本、图标、换行；且更容易用 CSS 控制伪类状态（:hover、:active） - 如果按钮需要 JS 绑定额外逻辑（比如提交前校验），优先用
<button type="submit">，再用event.preventDefault()拦截，比给<input>加监听更直观
示例（推荐写法）：
立即学习“前端免费学习笔记（深入）”；
<form action="/api/login" method="POST"> <input type="text" name="username" required> <input type="password" name="password" required> <button type="submit">登录</button> </form>
提交按钮必须配的三个属性
缺一不可，否则不是“可用”，只是“长得像按钮”：
-
action：指定接收数据的 URL，可以是相对路径（"./submit.php"）或绝对地址（"https://example.com/api"） -
method：通常用"POST"（传敏感/大量数据），"GET"仅用于搜索类轻量请求（参数会拼在 URL 后） - 所有要提交的输入控件必须有
name—— 注意不是id，也不是class；后端靠name当键名取值，例如name="email"对应request.form["email"]或$_POST["email"]
移动端和无障碍容易被忽略的点
按钮在手机上点不动、键盘用户无法回车提交，往往就差一两个细节：
- 别给按钮加
pointer-events: none或opacity: 0后没补aria-hidden="true"—— 这会让屏幕阅读器和触摸屏同时失效 - 确保
<form>包含至少一个可聚焦的控件（如<input>），否则 Safari 在 iOS 上可能禁用回车提交 - 用
<button type="submit">而不是<div onclick="submit()>—— 前者原生支持空格/回车触发，后者需手动监听并处理焦点 - 如果按钮文字是图标（如 ?），务必加
aria-label，例如<button type="submit" aria-label="提交登录表单">?</button>
真正麻烦的从来不是怎么让按钮“看起来能点”，而是让它在任何设备、任何交互方式下都“确实能提交”。name、action、method 这三样漏掉任何一个，后端就收不到东西——这点比圆角阴影重要得多。
