表单action留空或设为"."即可提交到当前页面，无需js；提交后页面刷新是正常行为，需检查network确认请求是否发出；后端须返回完整html并正确解析post数据，输入值需服务端回填并转义防xss。

form 的 action 属性留空或设为 "." 就行

HTML 表单默认提交到当前页面，只要不显式指定 action，或者把它设为空字符串 "" 或当前路径 "."，浏览器就会把数据发回当前 URL。这是最直接、最轻量的做法，不需要 JS 干预。

常见错误是误写成 action="index.html" 或带查询参数的地址（比如 action="?step=2"），这会导致页面跳转后丢失当前状态或触发重复加载。

• action=""：语义最清晰，明确表示“提交到当前 URL”
• action="."：在某些老旧浏览器中兼容性略好，但现代浏览器都支持空值
• 完全省略 action 属性：也合法，行为等同于 action=""，但显式写出更利于维护和调试

submit 后页面刷新是默认行为，别误以为出错了

表单提交后整个页面重新加载，是浏览器原生行为，不是 bug。如果你看到页面闪一下、URL 没变但内容重置了，大概率就是成功提交并刷新了——只是后端没返回新内容，或没做任何处理。

关键判断点：检查 Network 面板里是否发出 POST 请求、状态码是不是 200。如果没发请求，问题出在前端（比如被 event.preventDefault() 拦截了但没补逻辑）；如果发了但页面空白或报错，则是后端没正确响应 HTML。

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

• 用 console.log("submit triggered") 放在 onsubmit 里，确认事件是否触发
• 避免在 form 上写 onsubmit="return false"，除非你真要自己处理提交
• 服务端必须返回完整 HTML（哪怕只是重渲染当前页），不能只返回 JSON 或空响应

后端接收时注意 method 和 enctype 匹配

前端 form 的 method 和 enctype 必须和服务端预期一致，否则字段取不到或乱码。最常踩的坑是：前端用了 method="POST" 却没在后端读 POST 数据，而是去查 GET 参数。

示例场景：一个登录表单

登录

• PHP 中要用 $_POST['username']，不是 $_GET
• Node.js + Express 需启用 express.urlencoded({ extended: true }) 中间件
• 如果表单含文件上传，enctype 必须设为 "multipart/form-data"，且后端需用对应解析器（如 multer）

想保留输入内容？得靠后端渲染回填 value

提交后页面刷新，所有 input 值都会清空——浏览器不会自动记住。要“看起来没刷新”，只能让后端把刚提交的值重新塞进 value 属性里。

比如用户输错密码，后端验证失败，返回同一页面时，应把 username 字段的 value 设为之前提交的值：

<input name="username" value="<?= htmlspecialchars($_POST['username'] ?? '') ?>">

• 务必对输出做转义（如 PHP 的 htmlspecialchars、Python 的 escape()），防 XSS
• 不要依赖 JS 存 localStorage 再恢复，那会绕过服务端校验，也不适用于首次访问用户
• checkbox/radio 要用 checked 属性，select 要给 option 加 selected，逻辑类似

后端渲染回填这事看着简单，但容易漏掉转义、边界条件（比如空数组、null）、或忘记处理多值字段（如 name="hobby[]"）。实际部署前，一定拿特殊字符（"<script>"</script>、单引号、emoji）测一遍输入输出闭环。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！