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

Html登陸表單常常被自動填充，有的甚至用戶歷來沒有登陸過的網站也會有自動填充，甚是讓人討厭。

Mozilla developer documentation 建議使用表單設置屬性 tautocomplete="off" 來阻止瀏覽器從cache獲取數據填充登陸表單。

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

可是這種方案不兼容某些Chrome、Firefox。

最終決定使用使用隱藏input來接受瀏覽器自動填充，這樣不會影響用戶體驗，也能夠兼容全部瀏覽器。

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