无法关闭浏览器 CHROME 自动完成功能答案

【问题标题】：Impossible to turn off browser CHROME autocomplete无法关闭浏览器 CHROME 自动完成功能
【发布时间】：2017-12-28 10:48:36
【问题描述】：

我正在使用 Google 自动完成地址 API（此处为 link）

我正在使用 angular2，这是代码

HTML

<form autocomplete="off" method="post">
   <input autocomplete="false" name="address" type="text" style="display:none;">
  <div class="row">
   <div class="col-md-12">
     <div class="form-group">
       <label for="shippingAddress">Address*</label>
       <input id="shippingAddress" name="address" type="text"  autocorrect="off" [(ngModel)]="shipping.Address1" (blur)="checkIndirizzo()" autocapitalize="off" spellcheck="off" class="form-control" #search [formControl]="searchControl">
     </div>
  </div>
 </div>
</form>

我也试过这个

   <input autocomplete="false" name="address" type="text" style="display:none;">
  <div class="row">
   <div class="col-md-12">
     <div class="form-group">
       <label for="shippingAddress">Address*</label>
       <input id="shippingAddress" name="address" autocomplete="off" type="text"  autocorrect="off" [(ngModel)]="shipping.Address1" (blur)="checkIndirizzo()" autocapitalize="off" spellcheck="off" class="form-control" #search [formControl]="searchControl">
     </div>
  </div>
 </div>

谷歌自动完成功能完美，但浏览器自动填充覆盖了谷歌地图自动完成的下拉菜单。我想做的就是禁用此文本输入的浏览器自动完成功能，但我快疯了。我阅读了一些解决方案，但没有一个有效。

唯一有效的解决方案是设置输入密码并设置

autocomplete="new-password"

但问题是我在文本框中写字时会看到点，这不好。

我也尝试使用隐藏的输入字段，但无事可做。我正在使用 Chrome v 63.0.3239.84

有什么帮助吗？

【问题讨论】：

你试过autocomplete="off"直接上<input>吗？
@Xufox 是的，这是我尝试的第一件事

标签： html google-chrome google-maps-api-3 autocomplete

【解决方案1】：

Chrome 会在输入之前分析文本，并根据单词触发其自动填充 UI。我发现在输入之后放置标签可以解决问题。我在上面保留一个空标签以保留空间，然后在标签上设置position: absolute;

我在下面包含了一个示例

https://codepen.io/anthonyholmes/pen/YYvXEa

【讨论】：