如何禁止(表单)用户名、密码自动填充

时间 2014-11-21 16:43:48   小地球的博客

原文   http://www.sundabao.com/如何禁止表单用户名、密码自动填充/

主题  浏览器

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

本文地址：  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/