部分输入框触发1Password扩展弹窗的原因排查及禁用方案咨询

为什么部分输入框会触发1Password弹窗？ #

1Password的自动填充触发逻辑主要基于几个核心判断点，你的这个输入框大概率命中了其中一条：

• 关键词匹配：你的输入框标签是Fadeout Icon Key，字段名是fadeoutIconId，里面包含的Key和Id都是1Password默认识别的「凭证类字段」关键词（比如密钥、用户ID这类），它会默认认为这个字段需要填充已保存的凭证内容；而其他没触发的输入框应该没有这类敏感关键词。
• 内置规则匹配：1Password有一套内置的字段识别规则，会根据name、id、label的文本，甚至placeholder的内容来判断是否属于可填充的字段类型（比如密钥、密码、令牌等）。
• 历史填充记录：如果之前在类似字段中使用过1Password填充，它可能会记住这个字段的上下文，再次遇到时自动触发弹窗。

如何禁用1Password在该输入框上的触发行为？ #

这里有几种可靠的方法，按推荐程度排序：

1. 使用1Password专属忽略属性
   直接给input标签添加data-1p-ignore="true"属性，这是1Password官方支持的忽略字段方式，最直接有效：

<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" 
           data-1p-ignore="true"> <!-- 添加这个属性 -->
  </mat-form-field> 
</div>

2. 设置autocomplete属性
   给输入框设置autocomplete="off"或者更具体的非凭证类值，比如autocomplete="none"，可以绕过大部分自动填充工具的识别：

<input formControlName="fadeoutIconId" matInput name="fadeoutIconId" placeholder="Bier" 
       autocomplete="off">

如果autocomplete="off"无效，也可以试试自定义值（比如autocomplete="nope"），部分浏览器和扩展会尊重这种非标准值。

3. 调整字段命名与标签文本
   如果允许修改业务文本，可以把标签里的Key改成更中性的表述（比如Fadeout Icon Identifier），同时调整name和formControlName去掉Key/Id这类触发词，从根源上避免被1Password识别为凭证字段。

内容的提问来源于stack exchange，提问作者matsch