Html 用户名/密码浏览器自动填充不起作用

我在一个使用棱角材质的棱角项目中使用了以下用户名-密码表单。我想要的是浏览器（使用GoogleChrome进行测试），向我推荐我已经登录过的其他不同网站的用户名列表。即使在输入字段中设置了

autocomplete

属性，我仍然无法获得建议保存用户名的浏览器。在此方面的任何帮助都将不胜感激

<form (ngSubmit)="onSubmit()" autocomplete="on">
  <mat-card-content>
    <mat-form-field appearance="outline">
      <mat-label>Username</mat-label>
      <input matInput [(ngModel)]="credential.username" name="username" id="username" #username="ngModel" pattern='\S+_\d{6}' autocomplete="username">
      <mat-error *ngIf="username.invalid && (username.dirty || username.touched) && (username.errors?.pattern)">
        Please enter a valid username
      </mat-error>
    </mat-form-field>

    <mat-form-field appearance="outline">
      <mat-label>Password</mat-label>
      <input type="password" matInput placeholder="Password" [(ngModel)]="credential.password" name="password" id="password" #password= "ngModel" autocomplete="current-password">
    </mat-form-field>
  </mat-card-content>
  <button type="submit" mat-stroked-button color="accent" [disabled]="username.invalid || password.invalid">Log in</button>
</form>

用户名
请输入有效的用户名
密码
登录

p.S.

在chrome的开发者工具中，我发现用户名输入字段的

autocomplete

属性会自动“off”值，就像我点击用户名输入字段键入内容一样。但不是密码

在第一次重新加载后再键入

单击用户名输入字段后

---

您是否登录了Edge/Firefox？@shhdharmen:）是的，问题似乎出在我使用的谷歌Chrome上！此配置适用于Edge！你登录Edge/Firefox了吗？@shhdharmen:）是的，问题似乎出在我使用的Google Chrome上！此配置适用于Edge！