经过大量的挖掘，我发现Chrome上的自动完成下拉菜单(版本83.0.4103.116)不显示，当我们删除输入标签上的名称和id属性 如。代码如下所示 < div > < span > 如果没有在输入标签上设置名称和id属性，则自动完成关闭工作 < input type = " text " / > < / span > < span > 自动完成将在这里工作，因为id属性已设置 <input id="name" type="text"/> < / span > < / div >

在chrome v. 34之后，在<form>标记处设置autocomplete="off"不起作用

我做这些改变是为了避免这种恼人的行为:

删除密码输入的名称和id 在输入中放入一个类(例如:passwordInput)

(到目前为止，Chrome不会把保存的密码输入，但形式现在是破碎的)

最后，为了让表单工作，当用户点击提交按钮时，或者当你想触发表单提交时，运行以下代码:

var sI = $(".passwordInput")[0];
$(sI).attr("id", "password");
$(sI).attr("name", "password");

在我的情况下，我曾经在密码输入中有id="password" name="password"，所以我在触发提交之前把它们放回去。

将输入类型属性更改为type="search"。

谷歌不会对输入的搜索类型应用自动填充。

为了防止自动补全，只需设置一个空白作为输入值:

<input type="text" name="name" value="  ">

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

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

适用于:

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

我使用Chrome -版本64.0.3282.140(正式版本)(64位)，并使用以下代码和表单名称，它适用于我。

<form name="formNameHere">....</form>
<script type="text/javascript">
    setTimeout(function(){
        document.formNameHere.reset();
    },500);
</script>