iOS Safari自动填充无法一次性填充所有地址字段问题求助

这不是苹果的安全策略限制，而是Safari对地址字段的分组匹配逻辑和其他浏览器存在差异导致的。

问题原因 #

Safari的自动填充系统需要明确标记来识别哪些字段属于同一个地址集合。仅单独设置address-line1、postal-code这类属性时，Safari无法判定这些字段和姓名字段属于同一组地址，因此只会填充触发联系人选择的那个字段，不会联动填充其他地址字段。

解决方案 #

给所有地址相关字段添加统一的section-*前缀，明确标记它们属于同一个地址组，修改后的示例代码如下：

<form action="/submit" method="post">
  <input type="text" name="name" autocomplete="section-shipping name" placeholder="Name">
  <input type="text" name="street" autocomplete="section-shipping address-line1" placeholder="Street">
  <input type="text" name="city" autocomplete="section-shipping address-level2" placeholder="City">
  <input type="text" name="zip" autocomplete="section-shipping postal-code" placeholder="Zip Code">
  <input type="submit" value="Submit">
</form>

额外注意事项 #

• section-shipping可替换为自定义名称（如section-billing），只要所有关联字段的前缀一致即可。
• 确保iOS通讯录中的联系人地址信息完整，且字段映射符合标准：街道对应address-line1、城市对应address-level2、邮编对应postal-code，这些属性值无需更换。
• 保持地址字段在DOM结构中连续，避免被无关元素（如广告、其他表单模块）拆分，防止Safari无法识别字段关联性。

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