Firefox中autocomplete="off" 设置不起作用Bug的解决方法


Posted in Javascript onMarch 25, 2011

自动补全也成自动完成,最经典的如google的搜索框,输入一个字母后会给用户很多提示选择

Firefox中autocomplete="off" 设置不起作用Bug的解决方法

查看源码会发现input输入框加上了autocomplete="off",此为了屏蔽浏览器表单默认的记忆功能。淘宝,百度的搜索框也有该属性。autocomplete 属性是非标准的,首先在 IE5 中加入,后 其它浏览器 都 支持。html5 也将其列表标准。

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

<!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默认设置是“记住网站密码”的

Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
有两种情况:
1,form中没有input[type=password],autocomplete="off"将起作用
2,去掉form,设置input[type=text]的autocomplete也起作用

Javascript 相关文章推荐
jquery 绑定回车动作扑捉回车键触发的事件
Mar 26 Javascript
js实现文章文字大小字号功能完整实例
Nov 01 Javascript
JavaScript每天定时更换皮肤样式的方法
Jul 01 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
Angular.JS中指令ng-if的注意事项小结
Jun 21 Javascript
JavaScript门面模式详解
Oct 19 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 Javascript
JS实现简单的表格增删
Jan 16 Javascript
jQuery实现的分页插件完整示例
May 26 jQuery
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
Mar 25 #Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 #Javascript
基于jquery的3d效果实现代码
Mar 23 #Javascript
jquery 操作表格实现代码(多种操作打包)
Mar 20 #Javascript
jQuery实现的Email中的收件人效果(按del键删除)
Mar 20 #Javascript
jquery图片上下tab切换效果
Mar 18 #Javascript
javascript一些实用技巧小结
Mar 18 #Javascript
You might like
用PHP和ACCESS写聊天室(六)
2006/10/09 PHP
PHP读取xml方法介绍
2013/01/12 PHP
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
PHP四舍五入精确小数位及取整
2014/01/14 PHP
PHP登录(ajax提交数据和后台校验)实例分享
2016/12/29 PHP
用PHP的socket实现客户端到服务端的通信实例详解
2017/02/04 PHP
javascript之可拖动的iframe效果代码
2008/08/01 Javascript
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
JavaScript Array Flatten 与递归使用介绍
2011/10/30 Javascript
jQuery层次选择器选择元素使用介绍
2013/04/18 Javascript
jQuery数据缓存用法分析
2015/02/20 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
在jQuery中处理XML数据的大致方法
2015/08/14 Javascript
js实现的下拉框二级联动效果
2016/04/30 Javascript
详解Vue2.0之去掉组件click事件的native修饰
2017/04/20 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
2017/05/11 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
Vue学习笔记进阶篇之单元素过度
2017/07/19 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
基于nodejs的微信JS-SDK简单应用实现
2019/05/21 NodeJs
js实现拖拽与碰撞检测
2020/09/18 Javascript
[02:15]2014DOTA2国际邀请赛 赛后退役选手回顾
2014/08/01 DOTA
Python学习思维导图(必看篇)
2017/06/26 Python
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
Python Django 命名空间模式的实现
2019/08/09 Python
python实现差分隐私Laplace机制详解
2019/11/25 Python
Python如何获取Win7,Win10系统缩放大小
2020/01/10 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
Whittard官方海外旗舰店:英国百年茶叶品牌
2018/02/22 全球购物
新课程改革心得体会
2016/01/22 职场文书
导游词之湖北武当山
2019/09/23 职场文书
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android
java版 联机五子棋游戏
2022/05/04 Java/Android