禁止瀏覽器自動填充

Jioby 發布于2019-08-02 11:56 / 3349人閱讀

摘要：如何禁止瀏覽器自動填充屬性規定輸入字段是否應該啟用自動完成功能方法一設置沒錯，是可以控制瀏覽器自動完成功能，但文檔里說可以禁止瀏覽器自動填充，經過實際操作一試，然而并不能，已經失效了，經過探索發現注意在像，等項目中應該用駝峰命名法加到對

如何禁止瀏覽器自動填充

autocomplete 屬性規定輸入字段是否應該啟用自動完成功能

方法一：設置autocomplete=“new-password”

 沒錯，autocomplete是可以控制瀏覽器自動完成功能，但文檔里說autocomplete=“off”可以禁止瀏覽器自動填充，經過實際操作一試，然而并不能，autocomplete=“off”已經失效了，經過探索發現autocomplete=“new-password”(注意：在像vue，react等項目中應該用駝峰命名法autoComplete)加到對應的input[type=password]中就可以了,此方法在Chrome瀏覽器中有效，像Firefox又不起作用了

方法二：添加

Firefox瀏覽器可以在表單里添加，在添加后面的input都不會被自動填充，想要整個表單都不被填充，將它添加到表單最前面即可，但是此方法在Firefox瀏覽器中有效，Chrome又不起作用了

終極方法：可以解決瀏覽器的兼容性的方法

將兩種方法組合到一起，添加并設置autocomplete=“new-password”，查看一下，Chrome跟Firefox都生效了

云服務器 GPU云服務器自動填充自動填充php js 自動填充數據自動增加行禁止

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

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

如何禁止瀏覽器自動填充

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

jone5679 2019-08-02 11:43 評論0 收藏0
禁止瀏覽器自動填充到表單

摘要：于是查看瀏覽器頁面行為，發現該表單郵箱賬號密碼字段被瀏覽器默認填寫，導致反復觸發校驗。正常觸發自動填充解決方式既然瀏覽器遇到與的標簽緊鄰時觸發自動填充行為，則將兩個隔開，使用隱藏的方式欺騙瀏覽器，將密碼信息填寫在隱藏區域。經測試問題解決。在開發中偶然遇到的一個奇怪的問題，有一個需求會讓用戶輸入郵箱和密碼信息，該表單設置了校驗規則（當觸發blur時，才會觸發校驗），但之后的測試發現，只...

chuyao 2019-08-01 18:29 評論0 收藏0
禁止瀏覽器自動填充到表單

摘要：于是查看瀏覽器頁面行為，發現該表單郵箱賬號密碼字段被瀏覽器默認填寫，導致反復觸發校驗。正常觸發自動填充解決方式既然瀏覽器遇到與的標簽緊鄰時觸發自動填充行為，則將兩個隔開，使用隱藏的方式欺騙瀏覽器，將密碼信息填寫在隱藏區域。經測試問題解決。在開發中偶然遇到的一個奇怪的問題，有一個需求會讓用戶輸入郵箱和密碼信息，該表單設置了校驗規則（當觸發blur時，才會觸發校驗），但之后的測試發現，只...

EscapedDog 2019-08-29 14:22 評論0 收藏0