Google Chrome Autofill：如何避免无效用户数据输入

• 优先使用HTML标准autocomplete属性标记各地址字段：街道地址字段配置autocomplete="street-address"，城市字段配置autocomplete="address-level2"，州/省字段配置autocomplete="address-level1"，邮编字段配置autocomplete="postal-code"，国家字段配置autocomplete="country"。Chrome会优先按标准属性匹配对应填充内容，可避免完整地址全部塞入单一字段，也能解决用户本地配置错误导致的字段匹配异常问题。
• 可将街道地址拆分为两个输入项，分别配置autocomplete="address-line1"（用于填写门牌号、街道名）和autocomplete="address-line2"（用于填写单元号、楼层等补充信息），进一步降低填充错位概率。

可以实现从Street Address字段提取结构化地址信息，自动填入对应字段，常用实现方式有两类：

• 前端本地解析：引入对应地区的开源地址解析库，监听Street Address字段的内容变更事件，当识别到用户输入/自动填充了完整地址后，调用解析库拆分出门牌号、街道、城市、州、邮编等信息，直接回填到对应表单字段即可。
• 服务端解析：如果对地址解析准确率要求较高，可将完整地址上传至地址标准化服务接口，获取结构化的地址字段后再回填到前端对应项，适合面向多地区、地址规则复杂的业务场景。

内容的提问来源于stack exchange，提问作者AJ Jones