去掉Firefox输入框记忆

 

一，去掉Firefox输入框（input）记忆。 

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

 

1. <input type="text" autocomplete="off"/>  

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

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

 

1. <form name="myform" action="http://xmong.iteye.com">  
2.         <input type="text" name="search" autocomplete="off"/>  
3.         <input type="password" name="password"/>  
4.         <input type="submit" value="submit"/>  
5.  </form>  

解决该问题有两种方法： 
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