去掉Firefox输入框记忆

 

一,去掉Firefox输入框(input)记忆。 

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

 收藏代码

  1.   


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

但Firefox中有个Bug。首次提交后,FF会提示是否记住某网站的密码,点击“记住”后 input[type=text]设置autocomplete="off"将不起作用。 
代码 

 收藏代码

  1.   
  2.           
  3.           
  4.           
  5.    


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

如果在必须有input[type=password],form标签的情况下,解决方法如下:

设置form的autocomplete="new-password",input的属性autocomplete="new-password"将起作用

具体参考https://developer.mozilla.org/zh-CN/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

你可能感兴趣的:(WEB前端,浏览器兼容问题)