Chrome忽略autocomplete="off"

我创建了一个使用标签框下拉的web应用程序。除了Chrome浏览器(Version 21.0.1180.89)，这在所有浏览器中都很有效。

尽管输入字段和表单字段都有autocomplete="off"属性，Chrome坚持显示该字段以前条目的下拉历史，这是删除标签框列表。

当前回答

对于这个问题，我有一个近乎完美的解决方案: 从所有密码输入元素中删除"type=password"，在所有这些元素都加载到DOM后，给一个超时来设置"type=password"。Chrome会忽略改变类型为自动填充。例子:

setTimeout(()=>{ele.type="password"},3000)

或者通过事件改变类型:

ele.oninput=function(){ele.type="password"}

其他回答

你可以使用autocomplete="new-password"

<input type="email" name="email">
<input type="password" name="password" autocomplete="new-password">

适用于:

Chrome: 53,54,55 火狐:48、49、50

我在我的表单中的一个搜索字段也有类似的问题。无论是autocomplete= "false"还是autocomplete= "off"都不适合我。结果是，当你有aria-label属性在输入元素是设置为一些像城市或地址或类似的东西，chrome覆盖你所有的设置和显示自动完成无论如何

所以修复我所做的是从aria标签中删除城市部分，并提出一个不同的值。最后自动完成停止显示

我发布这个答案是为了给这个问题带来一个更新的解决方案。我目前使用的是Chrome 49，没有给出的答案。我也在寻找一个解决方案与其他浏览器和以前的版本。

把这些代码放在表单的开头

<div style="display: none;">
    <input type="text" autocomplete="new-password">
    <input type="password" autocomplete="new-password">
</div>

然后，对于您的真实密码字段，使用

<input type="password" name="password" autocomplete="new-password">

如果这不再工作，或如果您遇到其他浏览器或版本的问题，请注释此答案。

批准:

Chrome浏览器:49 Firefox: 44,45 边缘:25 Internet Explorer: 11

隐藏的输入元素技巧似乎仍然有效(Chrome 43)，以防止自动填充，但要记住的一件事是Chrome将尝试基于占位符标记自动填充。您需要将隐藏输入元素的占位符与您试图禁用的输入的占位符匹配。

在我的情况下，我有一个字段的占位符文本“城市或Zip”，我正在使用谷歌地方自动完成。它似乎试图自动填写，就好像它是一个地址表单的一部分。直到我在隐藏元素上放置了与实际输入相同的占位符，这个技巧才起作用:

<input style="display:none;" type="text" placeholder="City or Zip" />
<input autocomplete="off" type="text" placeholder="City or Zip" />

Chrome版本34现在忽略autocomplete=off，看到这个。

很多关于这是好事还是坏事的讨论?你的观点是什么?

推荐文章