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

 更新时间:2011年03月25日 16:40:18   作者:  
在实现补全提示功能时(Suggest),都会给输入框(Input)元素添加autocomplete属性,且值设为off。
自动补全也成自动完成,最经典的如google的搜索框,输入一个字母后会给用户很多提示选择

查看源码会发现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默认设置是“记住网站密码”的


有两种情况:
1,form中没有input[type=password],autocomplete="off"将起作用
2,去掉form,设置input[type=text]的autocomplete也起作用

相关文章

  • JavaScript获取URL参数的四种方法总结

    JavaScript获取URL参数的四种方法总结

    在前端开发过程中难免会遇到处理url参数的问题,这篇文章主要给大家总结介绍了关于JavaScript获取URL参数的四种方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-01-01
  • JS模式之简单的订阅者和发布者模式完整实例

    JS模式之简单的订阅者和发布者模式完整实例

    这篇文章主要介绍了JS模式之简单的订阅者和发布者模式,以一个完整实例形式详细分析了JS订阅者和发布者模式基本实现技巧,需要的朋友可以参考下
    2015-06-06
  • Layui事件监听的实现(表单和数据表格)

    Layui事件监听的实现(表单和数据表格)

    这篇文章主要介绍了Layui事件监听的实现(表单和数据表格),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • JavaScript实现显示隐藏表单文字

    JavaScript实现显示隐藏表单文字

    这篇文章主要为大家详细介绍了JavaScript实现显示隐藏表单文字,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • javascript下对于事件、事件流、事件触发的顺序随便说说

    javascript下对于事件、事件流、事件触发的顺序随便说说

    向同一个标签 动态的添加事件是 执行的顺序在ie和其他非ie内核的浏览器有所不同 ie是“先进先出 ” 就是最先添加的最先执行,其他非ie内核的浏览器是 “先进后出”,就是 最后添加的事件 先执行。
    2010-07-07
  • 使用原生JS添加进场和退场动画详解

    使用原生JS添加进场和退场动画详解

    总所周知啊,身为一个合格的前端搬砖工,会编写并且添加一些基础的动画效果可谓是比较基础且轻车熟路的技能了。本文将教大家如何使用原生JS添加进场和退场动画,感兴趣的可以了解一下
    2022-10-10
  • 微信小程序引入VANT组件的方法步骤

    微信小程序引入VANT组件的方法步骤

    这篇文章主要介绍了微信小程序引入VANT组件的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • JS实现的倒计时效果实例(2则实例)

    JS实现的倒计时效果实例(2则实例)

    这篇文章主要介绍了JS实现的倒计时效果,列举了两则JavaScript倒计时效果代码供大家参考,原理基本相似,代码简洁实用,需要的朋友可以参考下
    2015-12-12
  • 原生JS上传大文件显示进度条 php上传文件代码

    原生JS上传大文件显示进度条 php上传文件代码

    这篇文章主要为大家详细介绍了JS原生上传大文件显示进度条,php上传文件关键代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • JS获取select-option-text_value的方法

    JS获取select-option-text_value的方法

    这篇文章主要介绍了JS获取select-option-text_value的方法,有需要的朋友可以参考一下
    2013-12-12

最新评论