防止表单自动填充

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

js防止表单自动填充：

$("input").attr("autocomplete", "off");(谷歌浏览器可用，其他没有测试)

本文地址： http://www.sundabao.com/%E5%A6%82%E4%BD%95%E7%A6%81%E6%AD%A2%E8%A1%A8%E5%8D%95%E7%94%A8%E6%88%B7%E5%90%8D%E3%80%81%E5%AF%86%E7%A0%81%E8%87%AA%E5%8A%A8%E5%A1%AB%E5%85%85/