實例詳解jQuery 禁止表單使用者名稱、密碼自動填入功能

Html登入表單經常被自動填充，有的甚至用戶從來沒有登入過的網站也會有自動填充。本文主要介紹了jQuery 禁止表單使用者名稱、密碼自動填入功能,需要的朋友可以參考下，希望能幫助大家。

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"/>

相關推薦：

#js 禁止表單form提交的方法

##jQuery自動填入外掛程式Cool Auto-Suggest

#php 產生縮圖程式碼可自動填入空白處#######

以上是實例詳解jQuery 禁止表單使用者名稱、密碼自動填入功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！