Firefox中autocomplete="off" 設(shè)置不起作用Bug的解決方法
更新時間：2011年03月25日 16:40:18 作者：
在實現(xiàn)補(bǔ)全提示功能時(Suggest)，都會給輸入框(Input)元素添加autocomplete屬性，且值設(shè)為off。
自動補(bǔ)全也成自動完成，最經(jīng)典的如google的搜索框，輸入一個字母后會給用戶很多提示選擇
<!DOCTYPE HTML>
<html>
<head>
<title>Firefox autocomplete="off" bug</title>
</head>
<body>
<form name="myform" action="http://www.baidu.com">
<input type="text" name="search" autocomplete="off"/>
<input type="password" name="password"/>
<input type="submit" value="SUBMIT"/>
</form>
</body>
</html>
查看源碼會發(fā)現(xiàn)input輸入框加上了autocomplete="off"，此為了屏蔽瀏覽器表單默認(rèn)的記憶功能。淘寶，百度的搜索框也有該屬性。autocomplete 屬性是非標(biāo)準(zhǔn)的，首先在 IE5 中加入，后 其它瀏覽器 都 支持。html5 也將其列表標(biāo)準(zhǔn)。
但Firefox中有個Bug。首次提交后，F(xiàn)F會提示是否記住某某網(wǎng)站的密碼，點擊“記住”后 input[type=text]設(shè)置autocomplete="off"將不起作用。如下
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<title>Firefox autocomplete="off" bug</title>
</head>
<body>
<form name="myform" action="http://www.baidu.com">
<input type="text" name="search" autocomplete="off"/>
<input type="password" name="password"/>
<input type="submit" value="SUBMIT"/>
</form>
</body>
</html>
FF默認(rèn)設(shè)置是“記住網(wǎng)站密碼”的
有兩種情況：
1，form中沒有input[type=password]，autocomplete="off"將起作用
2，去掉form，設(shè)置input[type=text]的autocomplete也起作用
相關(guān)文章
JavaScript獲取URL參數(shù)的四種方法總結(jié)
在前端開發(fā)過程中難免會遇到處理url參數(shù)的問題,這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript獲取URL參數(shù)的四種方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
這篇文章主要介紹了JS模式之簡單的訂閱者和發(fā)布者模式,以一個完整實例形式詳細(xì)分析了JS訂閱者和發(fā)布者模式基本實現(xiàn)技巧,需要的朋友可以參考下2015-06-06
Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格)
這篇文章主要介紹了Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)顯示隱藏表單文字，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
javascript下對于事件、事件流、事件觸發(fā)的順序隨便說說
向同一個標(biāo)簽 動態(tài)的添加事件是 執(zhí)行的順序在ie和其他非ie內(nèi)核的瀏覽器有所不同 ie是“先進(jìn)先出 ” 就是最先添加的最先執(zhí)行，其他非ie內(nèi)核的瀏覽器是 “先進(jìn)后出”，就是 最后添加的事件 先執(zhí)行。2010-07-07
總所周知啊，身為一個合格的前端搬磚工，會編寫并且添加一些基礎(chǔ)的動畫效果可謂是比較基礎(chǔ)且輕車熟路的技能了。本文將教大家如何使用原生JS添加進(jìn)場和退場動畫，感興趣的可以了解一下2022-10-10
這篇文章主要介紹了微信小程序引入VANT組件的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
這篇文章主要介紹了JS實現(xiàn)的倒計時效果,列舉了兩則JavaScript倒計時效果代碼供大家參考,原理基本相似,代碼簡潔實用,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細(xì)介紹了JS原生上傳大文件顯示進(jìn)度條，php上傳文件關(guān)鍵代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
JS獲取select-option-text_value的方法
這篇文章主要介紹了JS獲取select-option-text_value的方法，有需要的朋友可以參考一下2013-12-12