去掉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