有的時候我們需要用到h5中input的新類型,type=password 這個可以很好的將輸入的內容變成圓點,但是這樣做也有一個小bug就是在某些我們不希望自動保存密碼的頁面中,也會出現瀏覽器自動幫我們填入密碼,比如修改密碼頁面中
這個舊密碼的輸入框只要鼠標焦點失去時為空就會幫我們自動填入一個密碼,你還不知道幫你填的是你什么時候保存過的,就連清楚瀏覽器緩存都不行,實在很煩人,那么如果避免這個小bug呢,那就是不用password
這其實有很多辦法,最簡單的方法是這么寫
<input type=text onfocus="this.type=password">
這樣在dom渲染時,瀏覽器為把起作為text,而不會自動填寫我們自動保存的密碼,然后在輸入的時候會改為password類型,所以是密文的形式
當然,你也可以做兩個text的input框,一個用來顯示用戶輸入的show,以及一個hide的input框,將用戶輸入的val同步保存到該輸入框中,然后在通過change事件將用戶輸入框中的內容替換為*。
或者就是找到(尤其是谷歌瀏覽器中)保存密碼的原理和位置,然后對症下葯,不過我是不太清楚,畢竟代碼新人嘛