表单action="#"与action="/"的区别是什么？

• action="#"的表现：
  提交表单时，页面会跳转到当前URL的空锚点位置（一般是页面顶部），不会向服务器发送指向新路径的请求——本质上还是停留在当前页面，只是URL末尾多了#。这种写法常用来临时占位，或者配合前端JS监听表单提交事件做纯前端交互，不需要真正把数据提交到服务器。
  比如当前页面是https://demo.com/posts，提交后URL会变成https://demo.com/posts#，页面自动滚到顶部，服务器不会收到新的表单请求。

• action="/"的表现：
  提交表单时，会向当前域名的根路径发送请求。比如当前页面是https://demo.com/posts，提交后浏览器会把表单数据发送到https://demo.com/，服务器会处理根路径对应的后端逻辑（比如接收表单数据、存储或返回响应页面）。这是标准的把表单数据提交到服务器根路由的写法，适用于需要后端处理表单的场景。

内容的提问来源于stack exchange，提问作者nazik yo