1、首先禁用瀏覽器的記住密碼功能、然后完成記住密碼/忘記密碼功能

2、

? ? ? ? ? ? ? 首先瀏覽器有記住密碼功能，瀏覽器會識別 input 輸入框，如果是?type= password 輸入框就會自動天入密碼。瀏覽器記住密碼自動補全是通過尋找代碼中的input的type和name來定位元素的。瀏覽器以password 的input框為定位，它之前的一個輸入框就是賬號輸入框。然后會給他們 賦初值。

trunToPassword(e, status) {console.log(e.srcElement.getAttribute('readonly'));// 如果密碼框值為空，則設置輸入框類型為 text// 瀏覽器密碼保存機制：識別到類型為 password 的輸入框，會觸發瀏覽器的密碼保存機制。password和其前一個 input，分別作為 密碼和賬號保存。識別不到 password 就好了// 瀏覽器密碼填充機制：// 1、第一個password輸入框作為密碼框，并自動填充密碼。后面第二個、第三個密碼框不會自動填充密碼，并且如果第一個密碼框選擇了歷史記錄，其他密碼框就不會觸發下拉提示框了// 2、已經輸入值不觸發密碼提示。// 3、已經在其他密碼框選擇過提示中的值，則不觸發密碼提示// 4、但凡這個框設置過 password 這個類型，就會觸發密碼提示。（再修改為 text也會觸發密碼提示，除非銷毀了重建）// 修改類型的這個方案——失敗// 新方案——替代密碼的方案，但是吧....這個東西的意義其實不大，就是記住密碼，忘記密碼這個本來也就是瀏覽器的工作，如果選擇記住密碼，那么以后都是會記住密碼的。如果選擇不記住密碼，那么以后都不會記住密碼了，// 但是吧...目前的需求場景就是，如果用戶之前在瀏覽器選擇了記住密碼，那么現在他不想記住密碼了，我們就需要在這個場景下讓記住密碼失效。// 最簡單-但并沒有什么用：包括支付寶——網易郵箱——QQ郵箱——都是這個做法的，就是記住密碼后會有提示},

?

總結

以上是生活随笔為你收集整理的忘记密码功能实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。