Chrome的解决方案是在输入类型密码中添加autocomplete=“new password”。请检查以下示例。

例子：

<form name="myForm"" method="post">
   <input name="user" type="text" />
   <input name="pass" type="password" autocomplete="new-password" />
   <input type="submit">
</form>

如果Chrome找到一个密码类型的框，它总是自动完成数据，这足以表明该框的自动完成=“新密码”。

这对我很有用。

注意：使用F12确保更改生效。很多时候，浏览器都会将页面保存在缓存中，这给我一个不好的印象，认为它不起作用，但浏览器实际上并没有带来更改。

我的jQuery解决方案。它可能不是100%可靠，但它对我有用。这个想法在代码注释中描述。

/***防止字段自动填充字段。*当关注具有自动完成功能的文本字段（值为：“off”、“none”、“false”）时，我们将该值替换为新的唯一值（此处为-“off forced-[TIMESTAMP]”），*浏览器在保存的值中找不到这种类型的自动完成，并且不提供选项。*然后，为了防止输入的文本保存在浏览器中，以便进行新的唯一自动完成，当字段失去焦点或用户按下Enter键时，我们将其替换为先前设置的文本。*@type｛｛init:*｝｝*/var PreventFieldsAutofill=（函数（）{函数init（）{events.onPageStart（）；}var事件={onPageStart:函数（）{$（document）.on（'fous'，'输入[autocomplete=“off”]，输入[autocomplete=“none”]，input[autocomplete=“false”]'，函数（）{methods.replaceAttrs（$（this））；});$（document）.on（'blur'，'input[data prev autocomplete]'，函数（）{methods.returnAttrs（$（this））；});$（document）.on（'keydown'，'input[data prev autocomplete]'，函数（事件）{if（event.keyCode==13 | | event.which==13）{methods.returnAttrs（$（this））；}});$（document）.on（'submit'，'form'，函数（）{$（this）.find（'input[data prev autocomplete]'）.each（函数（）{methods.returnAttrs（$（this））；});});}};var方法={/***将autocomplete和name属性的值替换为unique，并将原始值保存为新的数据属性*@param$输入*/replaceAttrs:函数（$input）{var randomString='off-forced-'+Date.now（）；$input.attr（'data-prev-autocomplete'，$input.aattr（'自动完成'））；$input.attr（'自动完成'，随机字符串）；if（$input.attr（'name'））{$input.attr（'data-prev-name'，$input.atr（'name'））；$input.attr（'name'，randomString）；}},/***恢复原始自动完成和名称值，以防止在浏览器中保存文本以获取唯一值*@param$输入*/returnAttrs:函数（$input）{$input.attr（'自动完成'，$input.atr（'数据-版本-自动完成'））；$input.removeAttr（'data-prev-autocomplete'）；if（$input.attr（'data-prev-name'））{$input.attr（'name'，$input.atr（'data-prev-name'））；$input.removeAttr（'data-prev-name'）；}}};返回{init：初始化}})();PreventFieldsAutofill.init（）；.输入{显示：块；宽度：90%；填充：6px 12px；字体大小：14px；线高：1.42857143；颜色：#555555；背景色：#fff；背景图像：无；边框：1px实心#ccc；边界半径：4px；}<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js“></script><form action=“#”><p><label for=“input-1”>Firts name without autocomplete</label><br/><input id=“input-1”class=“input”type=“text”name=“first name”autocomplete=“off”placeholder=“Firts name without autocomplete”/></p><p><label for=“input-2”>Firts name with autocomplete</label><br/><input id=“input-2”class=“input”type=“text”name=“first name”autocomplete=“given name”placeholder=“Firts name with autocomplete”/></p><p><button type=“submit”>提交表单</button></p></form>

为字段使用非标准的名称和id，因此“name”不是“name_”。浏览器将不会将其视为名称字段。

最好的一点是，您可以对某些但不是所有字段执行此操作，并且它将自动完成某些但不是全部字段。

Firefox 30忽略密码的autocomplete=“off”，而是选择提示用户密码是否应存储在客户端上。请注意2014年5月5日的以下评论：

密码管理器始终提示是否要保存密码。未经用户许可，密码不会保存。我们是继IE和Chrome之后第三个实现这一改变的浏览器。

根据Mozilla开发者网络文档，布尔表单元素属性autocomplete防止表单数据在旧浏览器中缓存。

<input type="text" name="foo" autocomplete="off" />

如果不使用客户端和服务器端代码的组合，似乎不可能实现这一点。

为了确保用户每次都必须填写表单而不必自动完成，我使用了以下技术：

在服务器上生成表单字段名称，并使用隐藏的输入字段来存储这些名称，以便在提交到服务器时，服务器端代码可以使用生成的名称来访问字段值。这是为了阻止用户选择自动填充字段。在表单上放置每个表单字段的三个实例，并使用css隐藏每个集合的第一个和最后一个字段，然后在使用javascript加载页面后禁用它们。这是为了防止浏览器自动填写字段。

这里有一个fiddle演示了javascript、css和html，如#2所述https://jsfiddle.net/xnbxbpv4/

javascript代码：

$(document).ready(function() {
    $(".disable-input").attr("disabled", "disabled");
});

css：

.disable-input {
  display: none;
}

html格式：

<form>
<input type="email" name="username" placeholder="username" class="disable-input">
<input type="email" name="username" placeholder="username">
<input type="email" name="username" placeholder="username" class="disable-input">
<br>
<input type="password" name="password" placeholder="password" class="disable-input">
<input type="password" name="password" placeholder="password">
<input type="password" name="password" placeholder="password" class="disable-input">
<br>
<input type="submit" value="submit">
</form>

下面是一个使用asp.net和razor的服务器代码的粗略示例

型号：

public class FormModel
{
    public string Username { get; set; }
    public string Password { get; set; }
}

控制器：

public class FormController : Controller
{
    public ActionResult Form()
    {
        var m = new FormModel();

        m.Username = "F" + Guid.NewGuid().ToString();
        m.Password = "F" + Guid.NewGuid().ToString();

        return View(m);
    }

    public ActionResult Form(FormModel m)
    {
        var u = Request.Form[m.Username];
        var p = Request.Form[m.Password];

        // todo: do something with the form values

        ...

        return View(m);
    }
}

视图：

@model FormModel

@using (Html.BeginForm("Form", "Form"))
{
    @Html.HiddenFor(m => m.UserName)
    @Html.HiddenFor(m => m.Password)

    <input type="email" name="@Model.Username" placeholder="username" class="disable-input">
    <input type="email" name="@Model.Username" placeholder="username">
    <input type="email" name="@Model.Username" placeholder="username" class="disable-input">
    <br>
    <input type="password" name="@Model.Password" placeholder="password" class="disable-input">
    <input type="password" name="@Model.Password" placeholder="password">
    <input type="password" name="@Model.Password" placeholder="password" class="disable-input">
    <br>
    <input type="submit" value="submit">
}

添加autocomplete=“off”不会使其停止。

将输入类型属性更改为type=“search”。谷歌不会对搜索类型的输入应用自动填充。