Html登錄表單經常被自動填充,有的甚至用戶從來沒有登錄過的網站也會有自動填充,甚是讓人討厭。
Mozilla developer documentation 建議使用表單設置屬性 tautocomplete=”off” 來阻止瀏覽器從cache獲取數據填充登錄表單。
<input type="text" name="foo" autocomplete="off" />
但是這種方案不兼容某些Chrome、Firefox。
最終決定使用使用隱藏input來接受瀏覽器自動填充,這樣不會影響用戶體驗,也可以兼容所有瀏覽器。
<input style="display:none"><!-- for disable autocomplete on chrome --><input type="text" id="username" name="username" autocomplete="off">
PS:下面看下防止表單自動填充用戶名和密碼功能
部分瀏覽器支持:autocomplete="off"
所以瀏覽器支持:
在會自動填充的from內加下面兩家代碼
<input style="display:none" type="text" name="fakeusernameremembered"/><input style="display:none" type="password" name="fakepasswordremembered"/>
總結
以上所述是小編給大家介紹的jQuery 禁止表單用戶名、密碼自動填充功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答