input禁止瀏覽器記住密碼

2021-10-12 07:18:56 字數 674 閱讀 3376

再網上找了很多方法,都沒用

1,設定autocomplete="off"或者autocomplete=「new-password」部分有用

2,放置無效

3,動態將密碼框的value改為小圓點或者*麻煩

4,通過focus動態改變input的屬性無效還麻煩

5,使用屬性-webkit-text-security少部分瀏覽器有效

之後我測試了360,chrome等瀏覽器記住密碼的原理,主要是尋找第乙個type=「password」的input框,並且會略過display:none;屬性的input;這也是上述方法二無效的原因

下面是我目前想到影響最小,涵蓋最廣的方法

//在密碼框上方再放置乙個下面的input框

"password" style=

"width:0;height:0;border:0;position:absolute" name=

"xx"

>

//有的瀏覽器會尋找與登入密碼框name相同的密碼框來填充密碼,所以讓name與登入密碼框name相同

怎麼禁止自動填充瀏覽器記住的密碼?

禁止瀏覽器儲存密碼和禁止瀏覽器填充密碼 瀏覽器儲存密碼是根據input password 來判斷的,所有我們只要保證瀏覽器在dom結構中識別不到密碼框即可。so 密碼輸入位置預設為input text 在輸入框上新增 nf cus this.type password 輸入框獲得焦點時改變輸入框格式...

阻止瀏覽器記住密碼功能

一 關於瀏覽器記住密碼功能 可以參考 二 如何控制瀏覽器不提示 是否記住密碼 呢 解決方案1 1.關閉表單的自動完成功能 autocomplete false,關於參考 autocomplete屬性 2.延遲設定密碼域,即在頁面載入成功後 將輸入框的type password 示例 div clas...

瀏覽器記住密碼整理(三)

一 瀏覽器自動記住密碼功能 1.現在瀏覽器對表單中的密碼域都有自動記住密碼功能,只要表單中有密碼域就會提示自動記住密碼 2.瀏覽器記住密碼功能和表單自動完成是兩個獨立的功能 3.記住密碼功能對整個 都起作用,跟頁面沒有關係。也就是說某個頁面中記錄的密碼,在其他頁面也會自動完成,只要表單中有密碼域就會...