1. 程式人生 > 其它 >input禁止瀏覽器記住密碼

input禁止瀏覽器記住密碼

技術標籤:get億個小知識點htmlcssinput

再網上找了很多方法,都沒用
1,設定autocomplete="off"或者autocomplete=“new-password” 部分有用
2,放置<input type="password" style="display:none" name="password"> 無效
3,動態將密碼框的value改為小圓點或者* 麻煩
4,通過focus動態改變input的屬性 無效還麻煩
5,使用屬性-webkit-text-security 少部分瀏覽器有效

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

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

//在密碼框上方再放置一個下面的input框
<input type="password" style="width:0;height:0;border:0;position:absolute" name="xx">
//有的瀏覽器會尋找與登入密碼框name相同的密碼框來填充密碼,所以讓name與登入密碼框name相同