我创建了一个使用标记框下拉列表的web应用程序。这在除Chrome浏览器(版本21.0.1180.89)之外的所有浏览器中都非常有效
尽管输入字段和表单字段都具有autocomplete=“off”属性,但Chrome坚持显示该字段以前输入项的下拉历史记录,这将删除标记框列表
防止自动完成用户名(或电子邮件)和密码:
<;输入type=“email”name=“email”><;!--可以是type=“text”->;
<;输入type=“password”name=“password”autocomplete=“new password”>;
防止自动完成字段(可能不起作用):
<;输入type=“text”name=“field”autocomplete=“nope”>;
说明:
autocomplete仍然可以在上运行<;输入>尽管有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”></表格>;
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“></脚本>;
<;form id=“form”></表格>
工作于:
-
铬:49+
-
Firefox:44+