很确定这是目前最通用的解决方案

这将停止自动完成和弹出的建议框。

简介

让我们面对现实，自动完成=关闭或新密码似乎不起作用。这是应该做的，但却没有，每周我们都会发现其他事情发生了变化，浏览器会用我们不想要的更多随机垃圾填写表单。我发现了一个非常简单的解决方案，它不需要在登录页面上自动完成。

如何实施

步骤1）。将相同的函数调用添加到用户名和密码字段的onmousedown和onkeyup属性，确保为它们提供一个id，并在函数调用结束时记录代码。md=mousedown和ku=keyup

对于用户名字段，仅添加值；因为这防止了表单在进入页面时自动填充。

例如：

<input type=“text”value=“&nbsp；”id=“myusername”onmousedown=“protectMe（this，'md'）”onkeyup=“protectMe（this，'ku'）”/>

步骤2）。在页面上包含此功能

功能保护Me（el，action）{//删除启动时注入的空白var v=el.value.trim（）；//如果我们正在键入内容，请忽略此重置过程//并且只在最后一次删除时确认按键//我们这样做会导致表单值为空如果（action=='ku'&&v！=''）｛return；｝//修复了将outerHTML写回自身所导致的双引号问题（在表单输入中）v=v.replace（/“/g，'\\”'）；//通过重新编写表单，重置单击表单进入焦点时出现的弹出窗口el.outerHTML=el.outrHTML；//发出指令重新调整焦点，插入重置之前存在的值，然后选择内容。setTimeout（“var d=document.getElementById（'“+el.id+”'）；d.value=\“”+v+“\”；d.focus（）；if（d.value.length>1）｛d.select（）；｝”，100）；}

它做什么？

首先，它添加了；字段的空格，以便浏览器尝试查找与此相关的详细信息，但未找到任何内容，因此自动完成固定其次，当您单击时，将再次创建HTML，取消弹出窗口，然后重新选择值。最后，当您使用delete按钮删除字符串时，弹出窗口通常会再次出现，但如果我们达到该点，则keyup检查会重复该过程。

问题是什么？

点击选择一个字符是一个问题，但对于登录页面，大多数人会原谅它选择了所有文本Javascript确实会删除任何空格的输入，但为了安全起见，您可能也希望在服务器端这样做

能更好吗？

可能是的。这只是我测试过的东西，它满足了我的基本需求，但可能还有更多的技巧需要添加，或者有更好的方法来应用所有这些。

已测试的浏览器

截至本发布日期，已在最新的Chrome、Firefox和Edge上测试和工作

Google Chrome忽略某些输入的autocomplete=“off”属性，包括密码输入和按名称检测的常见输入。

例如，如果您输入的是姓名地址，那么Chrome将根据其他网站上输入的地址提供自动填充建议，即使您告诉它不要这样做：

<input type="string" name="address" autocomplete="off">

如果您不希望Chrome这样做，那么可以重命名或命名表单字段的名称：

<input type="string" name="mysite_addr" autocomplete="off">

如果您不介意以前在站点上输入的自动完成值，那么可以保持启用自动完成。域名的名称间距应足以防止从其他站点记住的值出现。

<input type="string" name="mysite_addr" autocomplete="on">

我已经在这里发布了一个解决方案：禁用Chrome自动填充信用卡

解决方法是将自动完成属性设置为“cc csc”，该属性的值是信用卡的csc，并且不允许他们存储它！（目前…）

autocomplete="cc-csc"

我在一个表单上遇到了问题，其中包含用户名和电子邮件的输入字段，而电子邮件正好在用户名之后。Chrome会自动将我当前的网站用户名填入电子邮件字段，并将重点放在该字段上。这并不理想，因为它是一种向web应用程序添加新用户的表单。

看起来，如果您有两个输入，一个接一个，其中第一个输入的标签或ID中包含“用户名”或用户名，而下一个输入的商标或ID中则包含“电子邮件”一词，chrome将自动填充电子邮件字段。

对我来说，解决问题的是将输入的ID更改为不包含这些单词。我还必须设置标签的文本转换为空字符串，并使用javascript settimeout函数将标签更改回0.01秒后的状态。

setTimeout(function () { document.getElementById('id_of_email_input_label').innerHTML = 'Email:'; }, 10);

如果您遇到任何其他输入字段被错误自动填充的问题，我会尝试此方法。

我已经解决了在页面加载后放置此代码的问题：

<script>
var randomicAtomic = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
  $('input[type=text]').attr('autocomplete',randomicAtomic);
</script>

为了解决这个问题，我使用了一些CSS技巧和以下工作。

input {
    text-security:disc;
    -webkit-text-security:disc;
    -mox-text-security:disc;
}

请阅读本文了解更多详情。