如何禁止表單使用者名、密碼自動填充(轉載)

如何禁止(表單)使用者名、密碼自動填充

BY JACKSUN · 2014年11月21日

Html登入表單經常被自動填充，有的甚至使用者從來沒有登入過的網站也會有自動填充，甚是讓人讨厭。

Mozilla 官方文檔建議

Mozilla developer documentation 建議使用表單設定屬性 tautocomplete=”off” 來阻止浏覽器從cache擷取資料填充登入表單。

1	< input type = "text" name = "foo" autocomplete = "off" />

但是這種方案不相容某些Chrome、Firefox。

相容所有浏覽器

最終決定使用使用隐藏input來接受浏覽器自動填充，這樣不會影響使用者體驗，也可以相容所有浏覽器。

2	< input style = "display:none" > <!-- for disable autocomplete on chrome --> < input type = "text" id = "username" name = "username" autocomplete = "off" >