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

2、

? ? ? ? ? ? ? 首先瀏覽器有記住密碼功能，瀏覽器會(huì)識(shí)別 input 輸入框，如果是?type= password 輸入框就會(huì)自動(dòng)天入密碼。瀏覽器記住密碼自動(dòng)補(bǔ)全是通過尋找代碼中的input的type和name來定位元素的。瀏覽器以password 的input框?yàn)槎ㄎ?#xff0c;它之前的一個(gè)輸入框就是賬號(hào)輸入框。然后會(huì)給他們 賦初值。

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

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。