Question

我有一个登录页面，我想停止自动完成并自动填写我的表单页面。

通过使用autocomplete =“ off”自动填充已停止。但是，当我单击输入字段（密码或用户名字段）时，仍会加载自动完成功能。如何停止此自动完成功能？

我尝试了以下方法， autocomplete =“ off”，autocomplete =“ false”，autocomplete =“ new-password” 但还是来了。

我的示例代码：

<form #f="ngForm" autocomplete="off">
  <mat-form-field floatLabel="auto">
    <mat-label>User name</mat-label>
    <mat-icon matPrefix>person</mat-icon>
    <input matInput 
           tabindex="1" 
           #username="ngModel"
           [(ngModel)]="userName" 
           required 
           name="username"
           maxlength="100" 
           autocomplete="off" 
           role="presentation">
  </mat-form-field>
  <mat-form-field floatLabel="auto">
    <mat-label>Password</mat-label>
    <mat-icon matPrefix>lock</mat-icon>
    <input matInput 
           tabindex="2" 
           [(ngModel)]="password" 
           required 
           name="password" 
           #pass="ngModel" 
           type="password" 
           maxlength="100"
           autocomplete="new-password" 
           role="presentation">
  </mat-form-field>
</form>

Google Chrome版本：版本76.0.3809.100（正式版本）（64位）

Answer 1

在自动完成功能上添加“ anystring”和一个随机名称以进行标记。

autocomplete="anyrandomstring" name="test"

如何在角形字段上禁用浏览器自动完成功能？

1 个答案: