Magento Checkout街线自动填充错误

我最近注意到，Magento商店中的许多订单已将第1条街道复制到第2条街道。

我做了一些挖掘，发现它与Chrome的自动填充功能有关。如果您查看表单字段，Magento将billing [street] []和shipping [street] []用作两条街道的字段名称。因此，Chrome无法确定哪一个是哪个地址，并且无法将地址行1自动填充到这两个字段中。

周围有一些信息，您可以在表单输入字段上使用autocomplete属性来指示它应该链接到哪个字段，但这不受支持并且不起作用。实际上，如果您尝试这样做，则会禁用整个表单的自动完成功能。我也尝试过更改字段名称，但这会中断结帐。看来我需要深入研究代码并在表单上及其引用的任何地方更改字段名称，然后将其提交给PayPal，保存在数据库中，等等。这似乎是一场噩梦。

有没有人处理过这个和/或有建议？

您也可以尝试x-autocompletetype-attribute，尽管这是一个实验功能：

<input x-autocompletetype="address-line1" />
<input x-autocompletetype="address-line2" />

快速的小问题修复，在输入中添加“ readonly”属性，并使用以下JS代码段添加onfocus属性：

onfocus="this.removeAttribute('readonly');"

因此，整个过程应如下所示：

<input type="text" title="Street Address 2" name="billing[street][]" id="billing:street2" value="" class="input-text " readonly onfocus="this.removeAttribute('readonly');">

Chrome将无法自动填充该字段，但用户可以手动键入该字段，因为单击该字段时会触发JS。

对于传真输入也要执行此操作，Chrome会将电话号码复制到该号码中。

自动完成属性是开发人员用来控制浏览器应如何填充给定表单字段的一种方式。例如，如果您期望街道地址，则可以使用autocomplete =“ address-line1”向浏览器提示您期望它。这样可以防止浏览器错误地猜测您网站上的表单字段，这可能会导致不良的用户体验。

https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

x-autocompletetype="address-line2"最新的Chrome浏览器（65.0.3325.106）似乎无法使用，它仍会将第一个街道地址复制到两个输入中。然而，autocomplete="address-line1"和autocomplete="address-line2"预期似乎工作。

此处提供更多详细信息：https : //developers.google.com/web/updates/2015/06/checkout-faster-with-autofill#address