有效url需为浏览器可发起http请求的地址，包括相对路径（如./api/submit）、根路径（如/api/login）、完整url（如https://api.example.com/v1/submit），禁用留空、文件路径或错误相对路径。
action 属性填什么才算有效 URL
它不是后端路由名，也不是文件路径，而是浏览器能发起 HTTP 请求的地址。填错就等于没发请求——后端连日志都看不到。
-
./api/submit：相对当前 HTML 文件所在目录，推荐用于同站接口，语义明确、不易受嵌套路由影响 -
/api/login：从域名根开始解析，适合 Nginx/Apache 配了location /api/代理的场景，与 HTML 位置无关 -
https://api.example.com/v1/submit：跨域必须写完整 URL，且后端需配好 CORS 或走服务端代理 - 留空或
action=""：提交到当前完整 URL（含 query string 和 hash），99% 情况下会 404 或刷新白屏 - 别写
action="index.php"或action="handler.js"——除非 Web Server 明确暴露该路径（如 Nginx 的location = /index.php）
为什么点了没反应？常见错误现象和排查点
表单“没反应”，大概率是请求压根没发出，或发到了非法地址。打开浏览器 DevTools 的 Network 面板，看有没有请求生成，比查 JS 更快。
- 地址栏变成
http://localhost:8080/?name=xxx：说明method="get"且action解析失败（比如写了action="api/submit"但当前页在/admin/user/edit.html，结果拼成/admin/user/api/submit） - 提交后返回 404：重点检查
action中的大小写、结尾斜杠（/api/submit/vs/api/submit）、多余点号（./api/submit/.） - 本地双击打开 HTML（
file://协议）：表单提交完全失效，必须起本地 server（如npx serve或 VS Code Live Server） - Vue Router / React Router 的 history 模式下
action留空：请求能发出去，但响应可能被 JS 拦截或触发意外重定向
formaction 覆盖 action 的真实用法
formaction 是 <button type="submit"></button> 或 <input type="submit"> 的原生属性，优先级高于 <form></form> 的 action，点击即生效，不依赖 JS。
- 仅作用于 submit 类型按钮，
<button type="button"></button>不生效 - 按钮在
<form></form>内部时自动关联；若在外部，需加form="form-id"显式绑定 -
formaction值同样是 URL，支持相对路径（./api/draft）、绝对路径（/api/publish）、完整 URL（https://api.example.com/v1/submit） - 它只改变这一次提交的目标，不影响表单本身的
action，也不影响其他按钮的行为
method 和 submit 按钮不是可选项
action 只管发到哪，不决定怎么发。缺 method 或没 submit 按钮，表单根本不会提交。
-
method="post"是默认值，适合传敏感数据；method="get"会把数据拼进 URL，适合搜索类操作 - 必须有
<input type="submit">或<button type="submit"></button>，type="button"不会触发表单提交 - 如果用 JS 拦截（
e.preventDefault()），记得手动调用fetch或XMLHttpRequest，否则数据就丢了 - 别在
<form></form>上写onsubmit却忘了return false或e.preventDefault()，否则会先走原生提交再执行 JS
file:// 协议。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
