删除Chrome的自动填充弹出窗口

时间:2015-03-17 22:04:40

标签: javascript html css html5 css3

当我在Chrome中填写文本输入时(在FireFox和Internet Explorer上可能相同)我有一个自动填充弹出窗口隐藏了我的AutoComplete AJAX弹出窗口。见下面的照片。

Form containing 'cann' with Chrome autofill overlapping AJAX autofill

我尝试添加autocomplete="off",但它没有做任何事情,我了解到现代浏览器不再考虑这些autocomplete="off"

我怎样才能禁止Chrome弹出这个简单隐藏我的AJAX AutoComplete div的无用AutoFill div?

我的问题是自动填充弹出窗口,而不是自动填充功能......

2 个答案:

答案 0 :(得分:1)

目标是在我的名为" Town / Zip Code *:"的字段中输入时禁用chrome自动完成弹出窗口,因为我需要显示我自己的带有城市列表的ajax弹出窗口。

经过数小时的搜索后,这是一个有效的解决方案:

<form method="post" action="">
<br/><label for="address">Address :</label><input type="text" id="address" name="address" value="">
<br/><label for="address2"></label><input type="text" id="address2" name="adress2" value="">
<br/><label for="code"><input style="display:none" />Town / Zip Code* :</label><input type="text" id="code" name="code" autocomplete="off" value="">
<div style="display:none"><br/><label for="city"></label><input type="hidden" id="city" name="city" value="0"></div>
<br/><label for="country">Country</label><select id="country" name="country"><option>France</option></select>
<br/><input type="submit" name="valider" value="ok">
</form>

说明: Chrome正在解析字段名称,字段值和字段前的标签。如果他检测到一个单词&#34; Adresses / Cities / Zipcodes&#34;词法字段与您的表单匹配,他为所有字段启用自动完成和自动填充弹出窗口...

所以我已经用&#34;代码&#34;重命名了输入字段和标签。而不是&#34; zipcode&#34;,我已添加&#34; <input style="display:none" />&#34;在zipcode标签文本之前,它工作了!还有其他解决方案,例如删除标签,更改输入名称/ ID,添加<td>标签。

希望它会有所帮助!

答案 1 :(得分:-5)

简单。要关闭Chrome的自动填充功能,请转到设置 - &gt;点击“显示高级设置” - &gt;找到密码和表单部分 - &gt;取消选中“启用自动填充功能,只需点击一下即可填写网络表单”。复选框。