瀏覽器保存密碼后自動填充問題

MasonEast 發布于2019-08-23 11:41 / 2774人閱讀

摘要：問題描述在瀏覽器中進行登錄操作時瀏覽器往往會問我們是否需要記住密碼，當我們點擊了記住密碼后，發現瀏覽器會自動填充此域名下已經保存的賬號密碼，給用戶帶來不便。

問題描述

在瀏覽器中進行登錄操作時瀏覽器往往會問我們是否需要記住密碼，當我們點擊了記住密碼后，發現瀏覽器會自動填充此域名下已經保存的賬號密碼，給用戶帶來不便。加了HTML5 中的新屬性autocomplete="off" ，但是并沒有產生效果。

瀏覽器自動填充機制

反復測試后發現瀏覽器自動填充機制是滿足：頁面里有一個type=password的input且這個input前面有一個type=text的input的時候就會進行自動填充。firefox和360瀏覽器的處理方式是：只要檢測到頁面里有滿足填充機制的，不管是不是display：none 的，只要檢測到就直接往里填充。而且是有幾個符合條件的就填充幾個。而chrome 54版本略有不同：滿足上面的條件且頁面里只有一個type=password 的input。才會自動給第一個type=text 的input填充賬號，給type=password 的input填充密碼。

解決方案

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

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

2019.02.20修改

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

云服務器 GPU云服務器自動填充自動填充php js 自動填充數據自動保存

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97318.html

瀏覽器保存密碼后自動填充問題

摘要：問題描述在瀏覽器中進行登錄操作時瀏覽器往往會問我們是否需要記住密碼，當我們點擊了記住密碼后，發現瀏覽器會自動填充此域名下已經保存的賬號密碼，給用戶帶來不便。問題描述在瀏覽器中進行登錄操作時瀏覽器往往會問我們是否需要記住密碼，當我們點擊了記住密碼后，發現瀏覽器會自動填充此域名下已經保存的賬號密碼，給用戶帶來不便。加了HTML5 中的新屬性autocomplete=off ，但是并沒有...

Sourcelink 2019-08-02 16:03 評論0 收藏0
如何禁止瀏覽器自動填充

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

jone5679 2019-08-02 11:43 評論0 收藏0
解決瀏覽器保存密碼自動填充問題

摘要：解決瀏覽器保存密碼自動填充問題問題描述話說有一天，我如往常一樣打開我的開發網站進行登錄操作。后來發現是瀏覽器存在自動填充機制的問題。解決瀏覽器保存密碼自動填充問題問題描述話說有一天，我如往常一樣打開我的開發網站進行登錄操作。瀏覽器很平常的在我們進行登錄操作之后詢問我是否需要記住密碼，懶惰如我點擊了記住密碼。一切都很正常的進行著，沒有什么異常發生。然而，問題就出現了。當我打開一個新...

objc94 2019-08-23 14:46 評論0 收藏0
解決瀏覽器保存密碼自動填充問題

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

nicercode 2019-08-23 15:31 評論0 收藏0
解決瀏覽器保存密碼自動填充問題

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

Batkid 2019-08-02 14:21 評論0 收藏0