实务专题 · 交付验收

网站自动填充串了地址?先区分配送与账单字段

表单看起来正常,浏览器却可能把同一个地址填进两个用途不同的区域。重新设计表单之前,先分清填写的是客户本人、收货人,还是账单联系人。把所有自动填充都关掉,并不能解决字段语义不清的问题。

适用读者与交付决定

含多个联系人或地址区域的零售及服务网站。把本题作为给建站或技术供应方的验收任务;需要真实系统证据的地方不能由演示文件代替。

官方依据与解释边界

autocomplete 可组合区域、shipping 或 billing 分组与字段用途。这是给浏览器的提示,不保证所有设备都自动填入。 MDN: autocomplete · 核对日期:2026年10月16日。

已填写教学例子

合成例子,不是真实客户案例。 输入、预期及反例如下;真实平台尚未按此例集成测试。

窄屏可横向滚动表格。

输入/情况检查口径预期结果
shipping postal-codebilling postal-code不同分组
section-a shipping postal-codesection-b shipping postal-code不同收货人
emailemail相同用途

怎样执行验收

  1. 逐项列出重复字段及真实使用者。
  2. 映射地址和联系人用途,用两份明显不同的测试资料核对。
  3. 在支持的手机浏览器核对自动填充、手动修改与提交值。

如何解释结果与保留证据

第一行区分配送与账单,第二行区分两个收货人。第三行故意保留反例:重复相同 token 可能沿用同值。离线检查只能核对命名,验收前还应使用虚构资料检查真正提交的字段,不能把命名通过当成浏览器测试通过。

适用边界

不覆盖银行卡资料、密码管理器保证或地址真实性校验。验收记录保存浏览器版本与脱敏字段映射,不保存客户通讯录。

离线复核

保存下方两份文件到同一目录,用Node22.13或更新版本执行。模型只验证有限输入,不代表真实服务或认证。 已填输入及预期输出 · 可检查的函数

node decision-check.mjs contact-autofill-tokens.json