在使用 Google 地方信息自动填充时阻止 Chrome 使用 HTML 建议地址

Question

给定以下输入：

 <input id="residential-address" placeholder="Residential Address" autocomplete="off" type="search" />

我继续看到推荐的地址：

[![在此处输入图片描述][1]][1]

我看到我的浏览器设置告诉 Chrome 自动填充，但随后 google 自己的位置自动填充小部件 UX 损坏（自动填充与 [autocomplete][2] 小部件重叠）。

[![在此处输入图片描述][3]][3]

告诉浏览器在此处退出的正确方法是什么？

自动完成代码（有效）：

var initAutocomplete = function (inputId) {
    var autocomplete = new google.maps.places.Autocomplete(
        /** @type {!HTMLInputElement} */(document.getElementById(inputId)),
        { types: ['geocode'] });
    autocomplete.addListener('place_changed', function () { handleAddress(this) });
    return autocomplete;
}

设置autocomplete="new-password" 不起作用；我看到它在加载时恢复为off，并且自动填充仍然存在。

Answer 1

只需将id 更改为不包含address 即可为我解决此问题。感谢 Google 将您的意见和随机功能注入我的项目并给我更多的工作。别再想“聪明”了。