`
xmong
  • 浏览: 263391 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

去掉Firefox输入框记忆

阅读更多
一,去掉Firefox输入框(input)记忆。

Firefox输入框(input)有自动记忆功能,该功能会在表单提交后自动记忆输入框输入过的数据,当你再次在输入框中输入数据时,被记忆过的数据会在该输入框下自动给出提示。
我们在实现补全提示功能时,Firefox输入框(input)的自动记忆提示信息会浮动在我们代码实现的补全提示框上,这样会遮挡住我们实现的补全提示信息。解决此问题就是会给输入框(Input)元素添加autocomplete属性,且值设为off。这样就可以去掉火狐输入框(input)自动记忆功能。autocomplete 属性是非标准的,首先在IE5中加入,后其它浏览器都支持。html5 也将其列表标准。
<input type="text" autocomplete="off"/>

解决案例:我们可以查看百度,google的搜索输入框源码,当中加入了autocomplete="off"属性设置。

但Firefox中有个Bug。首次提交后,FF会提示是否记住某网站的密码,点击“记住”后 input[type=text]设置autocomplete="off"将不起作用。
<form name="myform" action="http://xmong.iteye.com">
        <input type="text" name="search" autocomplete="off"/>
        <input type="password" name="password"/>
        <input type="submit" value="submit"/>
 </form>

解决该问题有两种方法:
1,form中没有input[type=password],autocomplete="off"将起作用
2,去掉form,设置input[type=text]的autocomplete也起作用

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics