摘要:大家都知道autocomplete屬性是表單字段中的HTML5新屬性,該屬性有兩種狀態值,分別為"on" 和 "off",該屬性可省略:省略屬性值后默認值為&q...
大家都知道autocomplete屬性是表單字段中的HTML5新屬性,該屬性有兩種狀態值,分別為"on" 和 "off",該屬性可省略:省略屬性值后默認值為"on",也可以省略屬性名,直接寫入關鍵字on或off。
網站項目中,有登錄和注冊的彈框,在除chrome的內核瀏覽器中一切都ok,一旦在谷歌瀏覽器,如360瀏覽器中,問題來了:首先從登錄彈框中登陸成功,360瀏覽器會彈出是否保存密碼的提示框,點擊保存密碼按鈕后,就會出現表單自動填充的問題,如圖,如果用戶和密碼都自動填充,不僅看上去非常難看,而且在某些網站中將非常的不安全,如支付網站。
如何解決呢,在網上找了好幾種方法貌似都不太好使,于是便自己動手想了一辦法:
<input type="password" readonly onfocus="this.removeAttribute('readonly');"/>
修改readonly屬性,只要在password類型的input上加上readonly,瀏覽器便不會自動填充了,然后input在onfocus時在去掉readonly,非常簡單實用。