Chrome自动填充功能未填写正确的输入

Question

有点令人困惑，无法在线找到任何相关问题。从屏幕截图中可以看出，使用Chrome自动填充时，即使输入的ID不同，也会填写错误的输入。

这是使用淘汰模板，但不确定它是否相关。

结算地址的HTML代码

<input data-bind="value: $data.editor.SearchHouseNumber, uniqueId: $data.editor.SearchHouseNumber, valueUpdate: ['blur', 'afterkeydown', 'onload'], css: $data.editor.labelClass" maxlength="100" name="customerSearchHouseNumber" placeholder="House no." size="24" type="text" value="" title="" id="fld2">

送货地址的HTML代码

<input data-bind="value: $data.editor.SearchHouseNumber, uniqueId: $data.editor.SearchHouseNumber, valueUpdate: ['blur', 'afterkeydown', 'onload'], css: $data.editor.labelClass" maxlength="100" name="customerSearchHouseNumber" placeholder="House no." size="24" type="text" value="" title="" id="fld17">

Answer 1

据我所知，Chrome实际上在这里实现了完整autocomplete spec，这意味着您应该能够指定Chrome应该使用哪种类型的数据来填写字段。因此，您可以将以下属性添加到输入中： autocomplete="billing street-address"和autocomplete="shipping street-address"，Chrome可能会提供正确的值。

请注意，street-address指定可以采用多行值（根据规范），因此您可能更喜欢address-line1。

示例：

<input name="billing_address" id="fld2" autocomplete="billing street-address">