平时喜欢在Firefox下进行开发,因为它有强大的开发工具插件,比如FireBug、Temper Data。当然,Chrome、IE也有相应的开发者工具,但是自己还是比较偏爱Firefox。

   言归正传,最近在开发一个内部系统,有添加操作员的功能,超级管理员可以添加普通操作员,添加的时候需要输入密码。功能很简单,但是在开发调试的时候,发现在Firefox下,浏览器会自动将Form表单中的第一个Password控件的值自动填充,并将Password控件的上一个Text控件填充上值。

175925365.png

其他浏览器没有这种情况,能猜测到应该是浏览器的自动保存密码功能所导致的。去掉浏览器的自动保存密码功能可以规避这个问题,但是我们不能因为这个让用户不使用密码保存功能(太不人性化了)。

   我想这个问题虽然有点棘手,但是应该同样会有很多人遇到,去网上搜了一大圈,终于发现有一篇帖子上写的与我所遇到的问题一样,按照他所说的在控件上加上 autocomplete="off"

<input type="password" name="mall_password" id="mall_password" value="" class="input-medium" maxlength="20" autocomplete="off" />

   添加完后,刷新页面,OK,解决了!

   PS:开发工具中添加完autocomplete 属性后可能会有警告,这个不用理会,因为这个属性是Firefox中特有的,开发工具不识别,其他浏览器也识别不了,当然也不会影响兼容性。