我创建了一个使用标签框下拉的web应用程序。除了Chrome浏览器(Version 21.0.1180.89),这在所有浏览器中都很有效。
尽管输入字段和表单字段都有autocomplete="off"属性,Chrome坚持显示该字段以前条目的下拉历史,这是删除标签框列表。
我创建了一个使用标签框下拉的web应用程序。除了Chrome浏览器(Version 21.0.1180.89),这在所有浏览器中都很有效。
尽管输入字段和表单字段都有autocomplete="off"属性,Chrome坚持显示该字段以前条目的下拉历史,这是删除标签框列表。
当前回答
将输入类型属性更改为type="search"。
谷歌不会对输入的搜索类型应用自动填充。
其他回答
我使用Chrome -版本64.0.3282.140(正式版本)(64位),并使用以下代码和表单名称,它适用于我。
<form name="formNameHere">....</form>
<script type="text/javascript">
setTimeout(function(){
document.formNameHere.reset();
},500);
</script>
为了防止自动补全,只需设置一个空白作为输入值:
<input type="text" name="name" value=" ">
在form标签后添加这个:
<form>
<div class="div-form">
<input type="text">
<input type="password" >
</div>
添加到你的css文件:
.div-form{
opacity: 0;
}
这些方法都不再工作,chrome忽略所有这些属性,唯一的解决方案是使用jquery
在输入上使用这个
< onclick输入=“$”.removeAttr(readonly);attr(“readonly”,true);“readonly />
我发现这个解决方案是最合适的:
function clearChromeAutocomplete()
{
// not possible, let's try:
if (navigator.userAgent.toLowerCase().indexOf('chrome') >= 0)
{
document.getElementById('adminForm').setAttribute('autocomplete', 'off');
setTimeout(function () {
document.getElementById('adminForm').setAttribute('autocomplete', 'on');
}, 1500);
}
}
它必须在dom就绪后加载,或者在表单呈现后加载。