在使用Google地方信息自动填充功能时,阻止Chrome浏览器使用HTML建议地址

时间:2019-02-01 19:26:59

标签: html html5 forms google-chrome frontend

提供以下输入:

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

我继续看到地址建议:

enter image description here

我看到我的浏览器设置让Chrome自动填充,但随后谷歌自己的位置自动完成构件UX成为破坏(自动填充重叠autocomplete小部件)。

enter image description here

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

自动完成代码(有效):

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,并且自动填充仍然存在。

1 个答案:

答案 0 :(得分:0)

对我来说,只需将id更改为不包含address即可。感谢Google,感谢您为我的项目注入您的意见和随机功能,并为我提供了更多工作。停止尝试成为“聪明人”。