關於INPUT的autocomplete="off" 屬性(瀏覽器表單預設的記憶功能)
阿新 • • 發佈:2019-02-08
在實現補全提示功能時(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也起作用