表单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。
立即学习“前端免费学习笔记（深入）”；
- 用
console.log("submit triggered")放在onsubmit里，确认事件是否触发 - 避免在
form上写onsubmit="return false"，除非你真要自己处理提交 - 服务端必须返回完整 HTML（哪怕只是重渲染当前页），不能只返回 JSON 或空响应
后端接收时注意 method 和 enctype 匹配
前端 form 的 method 和 enctype 必须和服务端预期一致，否则字段取不到或乱码。最常踩的坑是：前端用了 method="POST" 却没在后端读 POST 数据，而是去查 GET 参数。
示例场景：一个登录表单
<form method="POST" action=""> <input name="username"> <input type="password" name="password"> <button type="submit">登录</button> </form>
- 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，逻辑类似
name="hobby[]"）。实际部署前，一定拿特殊字符（"<script>"</script>、单引号、emoji）测一遍输入输出闭环。 
