Chrome 72.0 自动完成禁用文本框不起作用答案

【问题标题】：Chrome 72.0 autocomplete disable textbox not workingChrome 72.0 自动完成禁用文本框不起作用
【发布时间】：2019-07-13 18:06:39
【问题描述】：

Chrome 72.0 无法自动完成文本

<input placeholder="" name="uname" type="text" style="display: none;">

<input class="form-control" placeholder="" name="uname" type="text" id="uname">

最新 chrome 72.0 的任何其他解决方案？

【问题讨论】：

你有没有在中尝试过 autocomplete="off"。
是的，我已经这样做了，但仍然无法正常工作。

标签： javascript jquery html

【解决方案1】：

将自动完成设置为开启并设置输入的名称：

<input autocomplete="on" name="inputName">

【讨论】：

我不想自动完成，我想禁用
所以使用 autocomplete="off"，或者尝试使用 autoComplete 代替，因为 autocomplete 将无法在反应中工作

【解决方案2】：

Chrome 并不真正希望您阻止自动填充。它有意忽略任何禁用自动完成的尝试。

当然，也有一些技巧。您可以将此类字段设置为readonly，并在页面加载或焦点时删除该属性。检查this answer。

如果您更喜欢非 js 解决方案，您还可以在表单中添加额外的输入元素，并使用类似的东西使它们消失；

位置：绝对；顶部：-99999px；左侧：-99999px；

是的，这是一个肮脏的 hack。但是旧的解决方案（使用display:none）已经不足以欺骗chrome了。

【讨论】：