FormData拿不到上一步字段值是因为它只采集当前DOM中实际存在且未disabled的input元素；多步骤表单需用hidden input动态补全，并配合唯一flowId隔离localStorage键。
new FormData() 为什么拿不到上一步的字段值
因为 FormData 只读取当前 DOM 中**实际存在且可提交**的 <input> 元素，未渲染、disabled 或被移除的字段一律忽略。多步骤表单中，上一步的 email 字段如果没出现在当前页面的 HTML 结构里，哪怕 URL 里带着 ?email=xxx，new FormData(form) 也完全采集不到。
这不是 JS 写错了，是浏览器表单语义决定的行为——FormData 绑定的是 DOM 树，不是 URL 或内存状态。
- 检查当前页面源码：若没有
<input name="email" type="hidden">，就不可能被提交 -
disabled的字段即使存在 DOM 中，也会被FormData跳过 - 用
form.elements或form.querySelectorAll('input:not([disabled])')可验证哪些字段实际参与采集
用 hidden input + URL 参数动态补全表单 DOM
最轻量、兼容性最好的做法：每步页面加载时，从 URL 解析参数，并为每个参数名创建或复用一个 <input type="hidden"> 插入到表单内。这样 FormData 就能自然捕获全部字段。
关键点在于避免重复插入和残留旧值：
立即学习“前端免费学习笔记（深入）”；
- 先清理已有同名 hidden 字段：
form.querySelectorAll('input[name="xxx"][type="hidden"]')→.forEach(el => el.remove()) - 用
new URL(window.location.href).searchParams安全读取参数，不依赖正则或split('&') - 对每个
[key, value]，创建input并设置name和value，再form.appendChild(hidden) - 注意 name 值需符合 HTML 属性命名规范（不能含空格、特殊符号），否则
FormData可能漏采
localStorage 存完整快照时怎么避免覆盖冲突
用固定键名如 'multiStepForm' 存数据，多个用户/多个流程会互相覆盖。必须引入唯一上下文标识，否则 A 用户填到第三步刷新，B 用户刚进第一步，两人共用同一份 localStorage，状态直接错乱。
推荐两种生成唯一键前缀的方式：
- 从初始 URL 提取
flowId参数：new URL(document.referrer).searchParams.get('flowId')，适用于跳转链明确的场景 - 用
sessionStorage生成临时 ID：sessionStorage.getItem('formSessionId') || Math.random().toString(36).substr(2, 9)，然后存入sessionStorage保证本 tab 内唯一 - 每次跳转前调用：
localStorage.setItem('form_' + flowId, JSON.stringify(currentData))，不是+=或push - 读取时做 JSON 解析容错：
try { return JSON.parse(localStorage.getItem(key)) || {} } catch(e) { return {} }
data-* 属性不适合当状态容器，但能帮定位缓存位置
dataset 不是持久化手段，它只是 DOM 上的元数据槽位。调用 el.dataset.step = '2' 不会写入 HTML 源码，也不会触发 localStorage 更新，刷新后就清零。
但它适合用来标记“这个表单属于哪个流程”或“当前在哪一步”，配合其他存储策略使用：
- 给表单加
data-flow-id="signup-v2"，后续所有 localStorage 键都拼接这个值 - 用
form.getAttribute('data-flow-id')读取，比dataset更可靠（避免驼峰转换和缓存错乱） - 不要往
data-里塞长字符串或敏感数据：data-user-data='{"token":"..."}'既暴露风险，又拖慢 DOM 序列化 - 所有
data-值都是字符串，data-count="42"读出来是"42"，需手动转类型
真实项目里最容易被忽略的，是 hidden input 的清理时机和 localStorage 键的隔离粒度——前者漏清会导致字段重复提交，后者没隔离会导致跨流程状态污染。这两个点不处理，其他逻辑写得再漂亮也没用。
