html - 無法在輸入欄位上禁用 1Password 擴充功能

我有一個表單，上面有一些簡單的輸入欄位。在其中一些欄位中，1Password 擴充程式會被觸發，並顯示彈出視窗。

在某些情況下，彈出視窗不會被觸發。

我找不到任何理由說它會在這些特定的輸入欄位上觸發。

1Password 觸發的輸入欄位的 HTML。

<div class="col">
  <mat-form-field appearance="fill" class="form-mat-field mt-1 mx-auto">
     <mat-label class="form-control-label"
      jhiTranslate="bringCockpitApp.sponsoredProduct.fadeoutIconId">
      Fadeout Icon Key
      </mat-label>
      <input formControlName="fadeoutIconId" matInput name="fadeoutIconId"
                                           placeholder="Bier"
  </mat-form-field>
</div>

有沒有想過，為什麼會發生這種情況？以及如何關閉它？

答案＃1

在你的欄位中加入 data-1p-ignore 作為屬性，讓 1Password 忽略該欄位。

<input type="text" id="username" name="ig" data-1p-ignore>

來源：https://developer.1password.com/docs/web/compatible-website-design