瀏覽器保存密碼后自動(dòng)填充問(wèn)題

MasonEast 發(fā)布于2019-08-23 11:41 / 2786人閱讀

摘要：?jiǎn)栴}描述在瀏覽器中進(jìn)行登錄操作時(shí)瀏覽器往往會(huì)問(wèn)我們是否需要記住密碼，當(dāng)我們點(diǎn)擊了記住密碼后，發(fā)現(xiàn)瀏覽器會(huì)自動(dòng)填充此域名下已經(jīng)保存的賬號(hào)密碼，給用戶帶來(lái)不便。

問(wèn)題描述

在瀏覽器中進(jìn)行登錄操作時(shí)瀏覽器往往會(huì)問(wèn)我們是否需要記住密碼，當(dāng)我們點(diǎn)擊了記住密碼后，發(fā)現(xiàn)瀏覽器會(huì)自動(dòng)填充此域名下已經(jīng)保存的賬號(hào)密碼，給用戶帶來(lái)不便。加了HTML5 中的新屬性autocomplete="off" ，但是并沒(méi)有產(chǎn)生效果。

瀏覽器自動(dòng)填充機(jī)制

反復(fù)測(cè)試后發(fā)現(xiàn)瀏覽器自動(dòng)填充機(jī)制是滿足：頁(yè)面里有一個(gè)type=password的input且這個(gè)input前面有一個(gè)type=text的input的時(shí)候就會(huì)進(jìn)行自動(dòng)填充。firefox和360瀏覽器的處理方式是：只要檢測(cè)到頁(yè)面里有滿足填充機(jī)制的，不管是不是display：none 的，只要檢測(cè)到就直接往里填充。而且是有幾個(gè)符合條件的就填充幾個(gè)。而chrome 54版本略有不同：滿足上面的條件且頁(yè)面里只有一個(gè)type=password 的input。才會(huì)自動(dòng)給第一個(gè)type=text 的input填充賬號(hào)，給type=password 的input填充密碼。

解決方案

所以根據(jù)這個(gè)機(jī)制，我的解決辦法是：給第一個(gè)type=text的input前面再加一個(gè)隱藏的type=text的input，給第一個(gè)type=password的input前面再加一個(gè)隱藏的type=password的input。

到目前為止(2018-09)這個(gè)方法在chrome、firefox、ie、360、ios、安卓等各設(shè)備各瀏覽器中都有生效！

2019.02.20修改

最近項(xiàng)目中發(fā)現(xiàn)在Chrome(72.0.3626.109)版本中只使用一個(gè)hidden-input不生效了，嘗試在加一個(gè)hidden-input就可以了，如：

GPU云服務(wù)器云服務(wù)器自動(dòng)填充自動(dòng)填充php js 自動(dòng)填充數(shù)據(jù) 自動(dòng)保存

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/97318.html

相關(guān)文章

瀏覽器保存密碼后自動(dòng)填充問(wèn)題

摘要：?jiǎn)栴}描述在瀏覽器中進(jìn)行登錄操作時(shí)瀏覽器往往會(huì)問(wèn)我們是否需要記住密碼，當(dāng)我們點(diǎn)擊了記住密碼后，發(fā)現(xiàn)瀏覽器會(huì)自動(dòng)填充此域名下已經(jīng)保存的賬號(hào)密碼，給用戶帶來(lái)不便。問(wèn)題描述在瀏覽器中進(jìn)行登錄操作時(shí)瀏覽器往往會(huì)問(wèn)我們是否需要記住密碼，當(dāng)我們點(diǎn)擊了記住密碼后，發(fā)現(xiàn)瀏覽器會(huì)自動(dòng)填充此域名下已經(jīng)保存的賬號(hào)密碼，給用戶帶來(lái)不便。加了HTML5 中的新屬性autocomplete=off ，但是并沒(méi)有...

Sourcelink 2019-08-02 16:03 評(píng)論0 收藏0
如何禁止瀏覽器自動(dòng)填充

摘要：所以，這里給設(shè)置初始為，在用戶點(diǎn)擊聚焦后設(shè)置為，避免瀏覽器在頁(yè)面之后判斷登錄表單進(jìn)行回填。本文由 Deguang 發(fā)表于碼路-技術(shù)博客瀏覽器的保存賬戶密碼功能，給我們帶來(lái)了很大的便利，但是在有些情況下，我們并不希望瀏覽器幫我們填充一些表單，然而autocomplete的一些參數(shù)項(xiàng)并不能阻止瀏覽器回填，這里我們來(lái)看下如何解決這個(gè)問(wèn)題。問(wèn)題描述：項(xiàng)目注冊(cè)部分的表單有三項(xiàng)，分別為手...

jone5679 2019-08-02 11:43 評(píng)論0 收藏0
解決瀏覽器保存密碼自動(dòng)填充問(wèn)題

摘要：解決瀏覽器保存密碼自動(dòng)填充問(wèn)題問(wèn)題描述話說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。后來(lái)發(fā)現(xiàn)是瀏覽器存在自動(dòng)填充機(jī)制的問(wèn)題。解決瀏覽器保存密碼自動(dòng)填充問(wèn)題問(wèn)題描述話說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢問(wèn)我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒(méi)有什么異常發(fā)生。然而，問(wèn)題就出現(xiàn)了。當(dāng)我打開(kāi)一個(gè)新...

objc94 2019-08-23 14:46 評(píng)論0 收藏0
解決瀏覽器保存密碼自動(dòng)填充問(wèn)題

摘要：讓看不見(jiàn)，而不是直接，如果直接，有些瀏覽器則不生效，比如谷歌修改屬性將表單輸入設(shè)為可讀模式，瀏覽器自動(dòng)填充就失效了，在焦點(diǎn)在該表單輸入的時(shí)候再將可讀屬性移除。問(wèn)題描述話說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢問(wèn)我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒(méi)有什么異常發(fā)生。然而，問(wèn)題就出現(xiàn)了。當(dāng)我打開(kāi)一個(gè)新建用戶...

nicercode 2019-08-23 15:31 評(píng)論0 收藏0
解決瀏覽器保存密碼自動(dòng)填充問(wèn)題

摘要：讓看不見(jiàn)，而不是直接，如果直接，有些瀏覽器則不生效，比如谷歌修改屬性將表單輸入設(shè)為可讀模式，瀏覽器自動(dòng)填充就失效了，在焦點(diǎn)在該表單輸入的時(shí)候再將可讀屬性移除。問(wèn)題描述話說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢問(wèn)我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒(méi)有什么異常發(fā)生。然而，問(wèn)題就出現(xiàn)了。當(dāng)我打開(kāi)一個(gè)新建用戶...

Batkid 2019-08-02 14:21 評(píng)論0 收藏0