在做登錄相關的頁面時,常遇到這樣的現象,瀏覽器input的自動填充行為。
原因
設置 input 的 type 屬性為 password 后,當頁面進行過提交,並且允許瀏覽器記住密碼后,那么再次加載該頁面時,此時 password 及附近的 input 就會被自動填充。
安全問題
如果是個人電腦,用戶體驗是挺好,但若不是,會存在很大的安全問題,很容易被他人盜取用戶名及密碼。
解決
比較簡單,在input:password中添加autocomplete屬性值設置為new-password即可。
<input type="password" autocomplete="new-password" />
也看到過其他方式,但這個比較簡單。