jQuery 禁止表單用戶(hù)名、密碼自動(dòng)填充功能
Html登錄表單經(jīng)常被自動(dòng)填充，有的甚至用戶(hù)從來(lái)沒(méi)有登錄過(guò)的網(wǎng)站也會(huì)有自動(dòng)填充，甚是讓人討厭。
Mozilla developer documentation 建議使用表單設(shè)置屬性 tautocomplete=”off” 來(lái)阻止瀏覽器從cache獲取數(shù)據(jù)填充登錄表單。
<input type="text" name="foo" autocomplete="off" />
但是這種方案不兼容某些Chrome、Firefox。
最終決定使用使用隱藏input來(lái)接受瀏覽器自動(dòng)填充，這樣不會(huì)影響用戶(hù)體驗(yàn)，也可以兼容所有瀏覽器。
<input style="display:none"><!-- for disable autocomplete on chrome --> <input type="text" id="username" name="username" autocomplete="off">
PS:下面看下防止表單自動(dòng)填充用戶(hù)名和密碼功能
部分瀏覽器支持：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 禁止表單用戶(hù)名、密碼自動(dòng)填充功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了jquery圖片滾動(dòng)放大效果，功能實(shí)現(xiàn)非常簡(jiǎn)單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
用Jquery實(shí)現(xiàn)滾動(dòng)新聞
此文主要用Jquery實(shí)現(xiàn)滾動(dòng)新聞,Jquery的強(qiáng)大功能，幾行代碼即可實(shí)現(xiàn)，需要的朋友可以參考下2014-02-02
雖然圓角頁(yè)面很好看，但一直以來(lái)都不太好實(shí)現(xiàn)，一方面是沒(méi)有CSS3，二是都得通過(guò)美工切圖切出來(lái)角。但這些麻煩事即將過(guò)去，就是因?yàn)樗簀Query Corner的出現(xiàn)！2014-08-08
jquery $("#variable") 循環(huán)改變variable的值示例
這篇文章主要介紹了jquery $("#variable")如何循環(huán)改變variable的值,需要的朋友可以參考下2014-02-02
jQuery學(xué)習(xí)筆記 操作jQuery對(duì)象 文檔處理
HTML文檔的層次關(guān)系是樹(shù)型的，每個(gè)標(biāo)簽可視為樹(shù)的各個(gè)節(jié)點(diǎn)。若操作jQuery對(duì)象，使得HTML文檔的結(jié)構(gòu)發(fā)生了改變，就叫做文檔處理2012-09-09
jQuery插件HighCharts實(shí)現(xiàn)的2D堆條狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)的2D堆條狀圖效果,結(jié)合完整實(shí)例形式分析了jQuery插件HighCharts繪制條狀圖的具體實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了12個(gè)實(shí)用的jQuery代碼片段，本文給出了在新窗口打開(kāi)鏈接、設(shè)置等高的列、jQuery預(yù)加載圖像、禁用鼠標(biāo)右鍵、設(shè)定計(jì)時(shí)器等實(shí)用代碼片段,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了從如何寫(xiě)JQuery插件，需要注意的事項(xiàng)，還有必須要做的步驟，看過(guò)這個(gè)文章相信你會(huì)明白如何寫(xiě)好一個(gè)JQuery插件2013-11-11
jQuery內(nèi)容折疊效果插件用法實(shí)例分析(附demo源碼)
這篇文章主要介紹了jQuery內(nèi)容折疊效果插件用法,結(jié)合實(shí)例形式分析了jQuery展開(kāi)折疊插件jquery.coolfieldset.js的具體使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細(xì)介紹了jQuery zTree插件使用的簡(jiǎn)單教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08