`
zhouyrt
  • 浏览: 1141453 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Firefox中autocomplete="off" 设置不起作用Bug

    博客分类:
  • BUG
阅读更多

在实现补全提示功能时(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也起作用

 

 

  • 大小: 8.9 KB
  • 大小: 47.7 KB
0
0
分享到:
评论
2 楼 rainprince 2010-10-12  
rainprince 写道
google这个不是autocomplete。应该是AJAX。那些suggest选项你曾有输入过?没有吧。。。
那是google提供的建议。不是传统意义上的自动补全。为了不和真的自动补全冲突,所以autocomplete被设为false。这个false是起了作用的。


忽略掉
1 楼 rainprince 2010-10-12  
google这个不是autocomplete。应该是AJAX。那些suggest选项你曾有输入过?没有吧。。。
那是google提供的建议。不是传统意义上的自动补全。为了不和真的自动补全冲突,所以autocomplete被设为false。这个false是起了作用的。

相关推荐

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

    但Firefox中有个Bug。首次提交后,FF会提示是否记住某某网站的密码,点击“记住”后 input[type=text]设置autocomplete=”off”将不起作用。如下 代码如下: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;hea

    Firefox中autocomplete=\"off\" 设置不起作用Bug

    标题 "Firefox中autocomplete=\"off\" 设置不起作用Bug" 指出的是在使用Firefox浏览器时,开发者遇到的一个问题,即HTML表单中的`autocomplete="off"`属性无法阻止浏览器自动填充功能。这一特性在某些场景下可能对...

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

    然而,Firefox 浏览器中存在一个与`autocomplete="off"`设置相关的Bug,这可能导致开发者期望的功能无法正常工作,特别是在涉及密码管理的情况下。 `autocomplete`属性最初由Internet Explorer在IE5中引入,后来被...

    js 开发之autocomplete="off"在chrom中失效的解决办法

    当`autocomplete="off"`时,理论上应该阻止浏览器显示历史记录中的建议值。然而,Chrome浏览器在某些情况下可能会忽视这个属性,特别是在`type="password"`的输入框中。 问题的核心在于,Chrome为了提升用户体验,...

    js 开发之autocomplete=”off”在chrom中失效的解决办法

    通常,通过设置`autocomplete="off"`可以达到这个效果,但在Chrome浏览器中,这一方法可能不起作用,尤其是在涉及到`type="password"`的输入框时。这是因为浏览器出于用户便利性考虑,会记住并自动填充用户名和密码...

    解决浏览器会自动填充密码的问题

    1.’autocomplete=”off”‘在Chrome中不起作用解决方案 网站项目中,有登录和注册的弹框,在除chrome的浏览器中一切都ok,一旦在谷歌浏览器中,问题来了: 首先从登录弹框中登陆成功,chrome会弹出是否保存密码的...

    修复jQuery Autocomplete在FF中不支持中文的BUG

    《修复jQuery Autocomplete在Firefox中不支持中文的BUG详解》 在前端开发中,jQuery Autocomplete是一款非常实用的插件,它能为输入框提供自动补全功能,极大地提升了用户体验。然而,在某些情况下,尤其是在Fire...

    FireFox下selected =selected失效不起作用的解决方法

    这个问题在Firefox 5中表现明显,但在之前的版本如Firefox 4中并不存在,这可能暗示了Firefox 5在优化性能方面引入了一个潜在的兼容性问题。 问题的本质可能是Firefox 5为了提高页面加载速度,会缓存初始加载的DOM...

    jquery.disable-autocomplete:该jQuery插件在密码(和其他)字段上强制使用autocomplete = off HTML属性。 最近的浏览器选择忽略此属性,以支持用户首选项。 但是,某些金融(和其他)机构可能有充分的理由执行这种做法

    上面创建了两个新字段(一个是文本类型的克隆,另一个是隐藏的,用于将实际密码数据发送到服务器),然后从DOM中删除了原始的讨厌自动完成字段。 我将尽快添加实现细节。 抱歉,这是紧急上传。 参考: :

    H5 CSS3幻灯片图片切换代码.zip

    input name="cs_anchor1" autocomplete="off" id="cs_slide1_0" type="radio" class="cs_anchor slide" &gt; &lt;input name="cs_anchor1" autocomplete="off" id="cs_slide1_1" type="radio" class="cs_anchor ...

    autocomplete禁止自动完成功能.docx

    但需要注意的是,不同的浏览器对`autocomplete="off"`的支持程度不同,尤其是一些现代浏览器可能会忽略这个设置,出于安全和便捷性的考虑,依然会提供自动填充功能。因此,对于跨浏览器的兼容性问题,开发者可能需要...

    AirProject-main.zip

    ... &lt;input type="text" v-model.trim="name" placeholder="请输入用户名" autocomplete="off" /&gt; ... &lt;input type="text" v-model="code" placeholder="请输入验证码" autocomplete="off" /&gt; &lt;div @click="getCa

    jQuery.autocomplete 支持中文输入(firefox)修正方法

    在Firefox浏览器中,jQuery.autocomplete插件存在一个bug,即在中文输入状态下,插件不能正确地根据用户的输入及时触发匹配建议。这种问题在IE6.0浏览器中并不存在。问题的原因在于Firefox对于键盘事件的处理方式,...

    jquery.AutoComplete.js中文修正版(支持firefox)

    // Create jQuery object for input element var $input = $(input).attr(“autocomplete”, “off”); // Apply inputClass if necessary if (options.inputClass) $input.addClass(options.inputClass); // ...

    jQuery.Autocomplete 中文支持.pdf

    然而,对于中文输入的支持在某些浏览器中存在一些问题,特别是在 Firefox 3.0 版本中。 问题在于,jQuery.Autocomplete 插件依赖于“keydown”事件来检测用户输入并触发自动匹配。在 IE6 中,中文输入法打开时,...

    layui自动填充插件autocomplete.rar

    在layui中,"autocomplete"是一款自动填充插件,常用于输入框,提供智能提示功能,提高用户输入效率。这款插件适用于各种需要自动补全场景,如搜索框、表单填写等。 在layui的autocomplete插件中,主要涉及以下知识...

    让输入框关闭自动完成(AutoComplete)功能

    这个简单的属性设置方法已被Internet Explorer和Mozilla(Firefox浏览器的开发者)所支持。虽然它不是W3C定义的XHTML标准的一部分,但考虑到主流浏览器都支持此特性,我们可以预计它将来可能会成为标准的一部分。 ...

    layui数据表格重载实现往后台传参

    input class=layui-input name=keyword id=demoReload autocomplete=off&gt; &lt;button class=layui-btn data-type=reload&gt;搜索&lt;/button&gt;&lt;/div&gt; 在js加入初始化代码和定义加载方法 layui.use('table', ...

    解决option标签selected="selected"属性失效的问题

    为了解决这个问题,我们需要在`&lt;select&gt;`标签中添加`autocomplete="off"`属性。这个属性告诉浏览器不要保存或恢复任何输入数据,从而防止自动完成功能覆盖`selected="selected"`属性的效果。正确的代码示例如下: `...

Global site tag (gtag.js) - Google Analytics