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實(shí)現(xiàn)滾動(dòng)新聞
此文主要用Jquery實(shí)現(xiàn)滾動(dòng)新聞,Jquery的強(qiáng)大功能,幾行代碼即可實(shí)現(xiàn),需要的朋友可以參考下2014-02-02jquery $("#variable") 循環(huán)改變variable的值示例
這篇文章主要介紹了jquery $("#variable")如何循環(huán)改變variable的值,需要的朋友可以參考下2014-02-02jQuery學(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-09jQuery插件HighCharts實(shí)現(xiàn)的2D堆條狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)的2D堆條狀圖效果,結(jié)合完整實(shí)例形式分析了jQuery插件HighCharts繪制條狀圖的具體實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery內(nèi)容折疊效果插件用法實(shí)例分析(附demo源碼)
這篇文章主要介紹了jQuery內(nèi)容折疊效果插件用法,結(jié)合實(shí)例形式分析了jQuery展開(kāi)折疊插件jquery.coolfieldset.js的具體使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04