解決瀏覽器會自動填充密碼的問題
阿新 • • 發佈:2019-02-17
出於安全考慮有些web應用需要禁止瀏覽器自動填充密碼。有人說在input標籤上加上屬性autocomplete="off"就可以。經過試驗,這種方法不完全起作用。
所以必須想其它的辦法。嘗試了幾種方法,都有點不完美。其中一個方法是:使用者名稱弄兩個<input>,一個是隱藏的,形式如下:<input type="text" name="username1"/>
<input type="hidden" name="username"/>,表單提交要用javascript來完成,提交前將username1的值複製到username,然後將username1的值清空。這樣提交時,瀏覽器雖然會記住密碼,但username1是空的,下次登入時,它無法自動填充。這種方式的問題是,使用者會看到提交的那一瞬間,使用者名稱變成空的了。會產生疑惑。
最後在不斷的嘗試過程中,發現瀏覽器填充密碼的方式,那就是,找到頁面上第一個type為password的input填充。發現了這個規律後,很自然的就想到了,是不是可以在真正的password前面加一個隱藏的password,形式如下:<input type="password" name="password1" style="display:none"/> <input type="password" name="password" /> 。
經過測試,各種瀏覽器都支援。至此,問題算是解決了。