Question

我只是使用简单的输入容器，例如

<md-input-container class="md-block" flex-gt-sm >
    <label>Name</label>
    <input md-maxlength="30" name="name" ng-model="name" />
</md-input-container>

输入字段表示先前输入的值，这些值模糊了一些重要的界面元素，在我的情况下也非常不必要。有没有办法禁用这些建议？

Answer 1

将 autocomplete =“off”添加到输入元素，就像这样：

<input md-maxlength="30" name="name" ng-model="name" autocomplete="off" />

请参阅{{3}}以供参考。

Answer 2

在输入中添加 autocomplete="off" 但对于现代浏览器使用 autocomplete="nope"

旧版浏览器

<input md-maxlength="30" name="name" ng-model="name" autocomplete="off" />

现代浏览器

<input md-maxlength="30" name="name" ng-model="name" autocomplete="nope" />

Answer 3

对于没有 name属性或输入值设置为自动填充功能（姓名，电子邮件，街道，国家/地区通用）的输入，浏览器通常会忽略autocomplete =“ off”。

就我而言，将输入设置为不寻常的名称就足够了。

<input type="text" name="someUnusualName" autocomplete="off">

Answer 4

<input type="text" id="example" placeholder="" matInput  [(ngModel)]="item.productDescription" [matAutocomplete]="product" [matAutocompleteDisabled]="condition"/>

只需使用具有有效条件的 [matAutocompleteDisabled] 属性。

Answer 5

以防万一某人与我有相同的经历（因为当前答案不适用于我的Chrome），所以我使用了如下所示的方法，

<input md-maxlength="30" name="name" ng-model="name" autocomplete="new-password" />

Answer 6

新浏览器似乎会查看id字段或name字段，以确定要使用自动填充功能查找的内容。当我想关闭自动填充功能时，我开始向后拼写。

问题标签-自动填充弹出窗口

<input id='cp_state_i' required />

修复-不会自动填充弹出窗口

<input id='cp_etats_i' required />

我的问题是我正在使用各州的自动填充选项列表。弹出窗口是个问题。这是我的解决方法，可能会对您有所帮助。

似乎在某些文本字段上起作用的另一件事是

<input autocomplete='new-password'/>

我删除了type ='text，它将停止弹出内容。但是无论出于什么原因，它都无法在所有事物上起作用。

我不确定为什么浏览器不再支持autocomplete ='off'。在处理CRUD和其他合理的操作而不是简单地登录表单时，这会带来一些麻烦。

Answer 7

只需使用输入 type="search" 就可以了。在 Google Chrome 版本 92.0.4515.107（官方版本）(arm64) 上测试

例如：<input type="search" name="namesearch" id="search-cust" placeholder="Shop Name" style="width:170px" />

角度材料：您可以禁用输入的自动填充建议吗？

7 个答案: