有没有一种方法可以禁用Chrome自动填充和自动填充的角度形式?

时间:2020-07-11 17:07:33

标签: html angular typescript google-chrome autofill

我想禁用自动填充和自动完成的谷歌浏览器选项 我尝试了像这样的变体解决方案:

  • 设置* autocomplete =“ off” autocomplete =“ nope”
  • 设置输入 type =“ search”
  • 自动完成中的未知值,例如 autocomplete =“ someThingUnknown”

有什么解决办法吗?

1 个答案:

答案 0 :(得分:0)

我找到了解决方法:

1-将输入类型=“文本”设置为只读:

<input type="text" [readonly]="inputText" />

2-设置输入类型的密码以键入文本,并将css更改为类似于密码输入的方​​式:

html:

<input type="text" [readonly]="inputPassword" class="pw-field"/>

css:

.pw-field{
        -webkit-text-security: disc;
 }

3-将focusEvent添加到两个输入中:

html:

<input type="text" [readonly]="inputText" (focus)='focusFunction("text")' />

<input type="text" [readonly]="inputPassword" class="pw-field" (focus)='focusFunction("pw")' />

ts:

focusFunction(type){
  if(type == "text"){
        this.inputText = false;
        this.inputPassword = true;
    }else if(type == "pw"){
        this.inputText = false;
        this.inputPassword = true;
    }
}