空 action 等价于 action=""、省略 action 属性、action="#"，均提交到浏览器地址栏显示的完整当前 url（含查询参数、哈希及前端路由路径），由规范定义为“当前文档的绝对 url”，与 html 文件物理路径无关。
留空的 action 会提交到当前浏览器地址栏显示的完整 URL，不是 HTML 文件路径，也不是“本页面逻辑上的起点”，而是实时、动态的当前 URL —— 包括所有查询参数（?a=1&b=2）、哈希（#section），甚至前端路由生成的路径（如 /user/123）。
空 action 等价于什么？
三种写法行为完全一致：
<form action=""></form>-
<form></form>（完全省略action属性） <form action="#"></form>
浏览器规范明确：只要 action 缺失或为空字符串，就使用“当前文档的绝对 URL”作为提交目标。注意，这个“当前文档 URL”由地址栏决定，和服务器上文件物理位置无关。
为什么点提交后带上了不该有的参数？
这是最常踩的坑：你以为提交的是 /search.jsp，实际提交的是 /search.jsp?page=2&size=20&sort=name —— 因为用户刚点过分页，URL 已被 JS 修改过。
常见表现：
- 表单数据混着分页参数一起发给后端，导致服务端解析失败或逻辑错乱
- JSP/PHP 页面里用
request.getParameter("page")拿到意外值，覆盖了表单字段 - 刷新后 URL 越来越长，参数重复叠加
根本原因：空 action 不做任何“净化”，它忠实地复刻当前地址栏内容。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
action 填相对路径 vs 绝对路径 vs 空值
三者解析逻辑完全不同：
-
action="submit.php"：基于当前页面 URL 解析，https://site.com/a/b/c.html→ 提交到https://site.com/a/b/submit.php -
action="/submit.php"：从域名根目录开始，https://site.com/a/b/c.html→ 提交到https://site.com/submit.php -
action=""：直接复用整个地址栏 URL，https://site.com/a/b/c.html?x=1#top→ 提交到同一地址
特别注意：action="./submit" 和 action="." 在部分浏览器中行为不一致，有的会拼出 http://site.com/./submit，应避免。
SPA 场景下空 action 的隐性风险
Vue Router / React Router 的 history 模式下，action="" 仍会发出 HTTP 请求，但问题不在提交本身：
- 后端没配置对应路由（如
/dashboard）→ 返回 404 或 fallback 页面 - 前端拦截了导航（比如 router.beforeEach）→ 表单提交被静默吞掉，Network 面板看不到请求
- 提交后页面整页刷新，破坏 SPA 体验，且 JS 状态丢失
如果你依赖前端框架处理表单，就别用原生 <form></form> 提交；如果必须用原生 form，请确保后端有对应接口，或用 event.preventDefault() + fetch 显式控制。
最容易被忽略的一点：空 action 不等于“交给当前页面的后端逻辑处理”。它只管发请求，不管谁收、怎么收、有没有人收。真正决定处理方的，是后端路由配置、服务器 rewrite 规则、以及你此刻在地址栏里看到的那个 URL 到底有没有被后端映射到有效 handler。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
