HTML 表单/输入自动完成关闭答案

【问题标题】：HTML Form / Input Autocomplete offHTML 表单/输入自动完成关闭
【发布时间】：2021-04-14 22:43:34
【问题描述】：

自动完成功能已经给我带来了很长一段时间的麻烦。它覆盖按钮和搜索结果，导致用户点击它而不是网页上的链接。

多年来，我一直在互联网上寻找解决方案。它们都不是既实用又始终如一的工作。我已经尝试了相关 Google 搜索中列出的所有“关闭”替代方案。

下面我上传了一个 GIF。 GIF 显示我在自动完成设置为关闭的输入上触发自动完成。

然后我删除表单中单独输入的名称属性，然后自动完成功能突然关闭。

我还演示了在占位符中包含关键字“公司”似乎会覆盖 autocomplete=off。但是，这似乎不会在所有情况下都覆盖 autocomplete=off。

在下面的示例中，我使用了日期选择器，但我也可以通过简单的文本输入重现问题。

这种奇怪的行为背后有什么原因吗？

一种解决方案是使用 type="search"，但是，这可能不是所有开发人员都希望使用的方法。

提前致谢。

【问题讨论】：

标签： html google-chrome firefox autocomplete

【解决方案1】：

尝试使用表单方法。

<form method="post" action="">
<div>
    <label for="cc">Please work:</label>
    <input type="text" id="cc" name="cc" placeholder="Enter a company here" autocomplete="off">
</div>

【讨论】：

感谢您的回答，我发现表单属性无效。 :(
你也有一个表单，试着在你的表单里面加上 autocomplete="off" 属性（
嗨 copyka22，我已经更新了原始帖子以突出显示当前的工作解决方案。我通过查看 Google、Facebook 和 Reddit 等网站如何解决问题找到了解决方案。类型 = “搜索”。目前对于任何其他类型的输入都没有一致的解决方案。

【解决方案2】：

你试过了吗？

<input name="unm" id="unm" type="text" autocomplete="false" readonly onfocus="this.removeAttribute('readonly');" />

【讨论】：

是的，不起作用。此外，如果它确实有效，它只适用于第一次点击。感谢您的回答！