1. 程式人生 > >關於INPUT的autocomplete="off" 屬性(瀏覽器表單預設的記憶功能)

關於INPUT的autocomplete="off" 屬性(瀏覽器表單預設的記憶功能)

在實現補全提示功能時(Suggest),都會給輸入框(Input)元素新增autocomplete屬性,且值設為off。自動補全也成自動完成,最經典的如google的搜尋框,輸入一個字母后會給使用者很多提示選擇

檢視原始碼會發現input輸入框加上了autocomplete="off",此為了遮蔽瀏覽器表單預設的記憶功能。

即如雙擊輸入框,之前輸入過的內容會出現

淘寶,百度的搜尋框也有該屬性。autocomplete 屬性是非標準的,首先在 IE5 中加入,後 其它瀏覽器 都 支援。html5 也將其列表標準。

但Firefox中有個Bug。首次提交後,FF會提示是否記住某某網站的密碼,點選“記住”後 input[type=text]設定autocomplete="off"將不起作用。如下

1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTYPE HTML> <html> <head> <title>Firefox autocomplete="off"bug</title> </head> <body> <input type="text"name="search"autocomplete="off"/> <input type="password"name="password"/> <input type=
"submit"value="SUBMIT"/> </form> </body> </html>

FF預設設定是“記住網站密碼”的

有兩種情況:
1,form中沒有input[type=password],autocomplete="off"將起作用
2,去掉form,設定input[type=text]的autocomplete也起作用