Chrome忽略autocomplete=“关闭”

我创建了一个使用标记框下拉列表的web应用程序。这在除Chrome浏览器(版本21.0.1180.89)之外的所有浏览器中都非常有效

尽管输入字段和表单字段都具有autocomplete=“off”属性,但Chrome坚持显示该字段以前输入项的下拉历史记录,这将删除标记框列表

防止自动完成用户名(或电子邮件)和密码:

<输入type=“email”name=“email”&gt<!--可以是type=“text”->
<输入type=“password”name=“password”autocomplete=“new password”>

防止自动完成字段(可能不起作用):

<输入type=“text”name=“field”autocomplete=“nope”>

说明:

autocomplete仍然可以在上运行<输入&gt尽管有autocomplete=“off”,但您可以将off更改为随机字符串,如nope


其他用于禁用字段自动完成的“解决方案”(这不是正确的方法,但它可以工作):

一,

HTML:

<输入type=“password”id=“some\u id”autocomplete=“new password”>

JS(onload):

(函数(){
var some_id=document.getElementById('some_id');
some_id.type='text';
某些id.removeAttribute(“自动完成”);
})();

或者使用jQuery:

$(文档).ready(函数(){
var some_id=$(“#some_id”);
一些id.prop('type','text');
一些id.removeAttr('autocomplete');
});

二,

HTML:

<form id=“form”&gt&lt/表格>

JS(onload):

(函数(){
var input=document.createElement('input');
input.type='text';
document.getElementById('form').appendChild(输入);
})();

或者使用jQuery:

$(文档).ready(函数(){
$(“<输入>”{
键入:“文本”
}).appendTo($(“#form”);
});

要使用jQuery添加多个字段,请执行以下操作:

函数addField(标签){
var div=$(“<div>”);
变量输入=$(“<输入>”{
键入:“文本”
});
如果(标签){
变量标签=$(“<标签>”{
文本:标签
});
标签。追加(输入);
div.append(标签);
}否则{
div.append(输入);
}  
div.appendTo($('表格');
}
$(文档).ready(函数(){
addField();
addField('字段1:');
});
<脚本src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“&gt&lt/脚本>
<form id=“form”&gt&lt/表格&gt

工作于:

  • 铬:49+

  • Firefox:44+

发表评论