autocomplete =“ username”在iOS中不起作用

时间:2019-11-12 07:41:55

标签: html ios ionic-framework ionic4

我正在尝试让我的iPhone登录时保存凭据。但是首先,用户名字段不显示“钥匙串”按钮来自动填充我的凭据。密码字段确实显示了这一点。我已经尝试了两个字段的所有可能的自动完成值,但它们从未更改(onoffusernamecurrent-password)。

我也尝试将用户名的类型设置为密码。这确实使用户名激活keychain。但这当然不是我想要的。

这是我的HTML外观:

  <form [formGroup]="loginForm" (ngSubmit)="login()" novalidate>
    <ion-item lines="none">
      <ion-label position="stacked">Username</ion-label>
      <ion-input formControlName="username" name="username" autocomplete="username" tabindex="1" (keyup.enter)="login()" required></ion-input>
      <ion-text *ngIf="loginForm.controls.username.invalid && loginForm.touched" class="error" color="danger">Username is required</ion-text>
    </ion-item>


    <ion-item lines="none">
      <ion-label position="stacked">Password</ion-label>
      <ion-input formControlName="password" name="password" autocomplete="current-password" tabindex="2" (keyup.enter)="login()" type="password" required></ion-input>
      <ion-text *ngIf="loginForm.controls.password.invalid && loginForm.touched" class="error" color="danger">Password is required</ion-text>
    </ion-item>

    <ion-button color='primary' class="loginBtn" tabindex="3" [disabled]="loginForm.invalid" ion-button type="submit" block float-right>
      {{ 'login.login' |translate }}&nbsp;
      <fa-icon icon='sign-in-alt'></fa-icon>
    </ion-button>
  </form>

另一件事是tabindex也不起作用。它不会激活箭头按钮。

我无法针对Android进行测试,但是在chrome中,密码管理器确实可以正常工作。 tabindex不会(当我按Tab时,它先选择字段的区域,然后再选择密码字段)。

0 个答案:

没有答案