jQuery 禁止表單用戶名、密碼自動(dòng)填充功能
更新時(shí)間：2017年10月30日 09:50:46 作者：my98800
這篇文章主要介紹了jQuery 禁止表單用戶名、密碼自動(dòng)填充功能,需要的朋友可以參考下
Html登錄表單經(jīng)常被自動(dòng)填充，有的甚至用戶從來沒有登錄過的網(wǎng)站也會(huì)有自動(dòng)填充，甚是讓人討厭。
Mozilla developer documentation 建議使用表單設(shè)置屬性 tautocomplete=”off” 來阻止瀏覽器從cache獲取數(shù)據(jù)填充登錄表單。
<input type="text" name="foo" autocomplete="off" />
但是這種方案不兼容某些Chrome、Firefox。
最終決定使用使用隱藏input來接受瀏覽器自動(dòng)填充，這樣不會(huì)影響用戶體驗(yàn)，也可以兼容所有瀏覽器。
<input style="display:none"><!-- for disable autocomplete on chrome --> <input type="text" id="username" name="username" autocomplete="off">
PS:下面看下防止表單自動(dòng)填充用戶名和密碼功能
部分瀏覽器支持：autocomplete="off"
所以瀏覽器支持：
在會(huì)自動(dòng)填充的from內(nèi)加下面兩家代碼
<input style="display:none" type="text" name="fakeusernameremembered"/> <input style="display:none" type="password" name="fakepasswordremembered"/>
總結(jié)
以上所述是小編給大家介紹的jQuery 禁止表單用戶名、密碼自動(dòng)填充功能，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
樹形結(jié)構(gòu)里的節(jié)點(diǎn)，如果它不是根部，也不是末枝，那么它一定有父母和孩子。2010-02-02
通過上下左右鍵和回車鍵切換光標(biāo)實(shí)現(xiàn)代碼
客戶有這樣一個(gè)需求在列表中的文本框里輸入數(shù)據(jù)時(shí)，要能夠通過上下左右鍵來切換光標(biāo)，按回車鍵就把光標(biāo)移到下一個(gè)文本框，接下來將為你介紹下如何實(shí)現(xiàn)，感興趣的朋友可以參考下2013-03-03
jquery trim() 作用是，刪除字符串兩邊出現(xiàn)的空格2011-02-02
jQuery 使用on綁定動(dòng)態(tài)生成的元素時(shí)，不能直接用該對(duì)象操作，而是選擇其非動(dòng)態(tài)生成的父節(jié)點(diǎn)然后再找到本身才能達(dá)到效果。大家看看源碼就知道了。2015-04-04
下面小編就為大家?guī)硪黄钊肜斫鈐Query 事件處理。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了14個(gè)有用的Jquery技巧分享,本文有一些性能優(yōu)化技巧、編碼優(yōu)化技巧、簡潔方法等,需要的朋友可以參考下2015-01-01
JQuery勾選指定name的復(fù)選框集合并顯示的方法
這篇文章主要介紹了JQuery勾選指定name的復(fù)選框集合并顯示的方法,涉及jQuery表單元素操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-05-05
基于jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果的相關(guān)資料,二級(jí)下拉菜單在實(shí)際應(yīng)用中非常的常見，比如企業(yè)網(wǎng)站的產(chǎn)品分類，或者部門分類等等，需要的朋友可以參考下2016-02-02
jQuery插件HighCharts繪制2D餅圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D餅圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用HighCharts插件繪制餅圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
要想使用該jQuery插件，需要把$(selector).boxy();放在document.ready中。2011-02-02