Автозаполнение форм с вариативными инпутами

Есть 3 формы на странице авторизации, логин + пароль, почта + пароль и телефон + пароль. Для каждого инпута прописаны autocomplete (email, phone, login), id и name. Инпуты находятся внутри формы.
При первом логине браузер предлагает заполнить пару Username + Password, в последующие разы предлагает все поля заполнить этой парой, то есть если я зайду по логину, пару логин + пароль он будет прокидывать и в телефон, и в почту.

Как можно их сегментировать? Можно ли сообщить браузеру, что в одной форме нужно сохранять пару email + password, а в другом месте -- login + password?

<ng-container [ngSwitch]="activeTabTypeId">
      <form *ngSwitchCase="tabType.Phone" [formGroup]="phoneForm" (ngSubmit)="onSubmit(tabType.Phone, phoneForm)">
        <div>
          <shared-phone-input [form]="phoneForm" [controlName]="'phone'"></shared-phone-input>
        </div>
        <ng-container *ngTemplateOutlet="authFormBottom; context: { $implicit: phoneForm, inputName: 'телефон' }"></ng-container>
      </form>

  <form *ngSwitchCase="tabType.Email" [formGroup]="emailForm" (ngSubmit)="onSubmit(tabType.Email, emailForm)">
    <div>
      <div>
        <input
          placeholder="Email"
          formControlName="email"
          autocomplete="email"
          name="email"
          id="email" />
      </div>
    </div>
    <ng-container *ngTemplateOutlet="authFormBottom; context: { $implicit: emailForm, inputName: 'email' }"></ng-container>
  </form>

  <form *ngSwitchCase="tabType.Login" [formGroup]="loginForm" (ngSubmit)="onSubmit(tabType.Login, loginForm)">
    <div>
      <div>
        <input
          placeholder="Логин"
          formControlName="login"
          autocomplete="login"
          name="login"
          id="login" />
      </div>
    </div>
    <ng-container *ngTemplateOutlet="authFormBottom; context: { $implicit: loginForm, inputName: 'логин' }"></ng-container>
  </form>
</ng-container>