如何通过代码有选择地禁用浏览器文本输入中的自动填充？

Question

是否可以使用代码有选择地禁用文本字段中的自动填充功能？

我正在 ASP.Net AJAX 中开发自定义代码以在数据库中搜索建议，并且我想防止当用户开始在文本框中键入内容时出现浏览器建议。

我正在寻找一种适用于最现代的浏览器（IE 7 和 8、Firefox、Safari 和 Chrome）的解决方案。如果解决方法是在 Javascript 中就可以了。

Answer 1

查看自动完成 HTML 属性（在表单或输入标记上）。

<form [...] autocomplete="off"> [...] </form>

W3C >自动完成属性

编辑：

如今 - 从评论来看 - 网络浏览器并不总是尊重自动完成标记定义的行为。这种不尊重可能会被一些 JavaScript 代码包围，但在使用它之前你应该考虑一下你想要做什么。

首先，字段将在页面加载期间填充，并且仅在页面加载后才会被清空。用户会质疑为什么该字段被清空了。

其次，这将重置其他网络浏览器机制，例如当您返回上一页时自动填充字段。

jQuery( function()
{
  $("input[autocomplete=off]").val( "" );
} );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form method="post" action="">
  <div class="form-group">
    <label for="username">Username</label>
    <input type="text" id="username" name="username" value="John" autocomplete="off">
  </div>
  <div class="form-group">
    <label for="password">Password</label>
    <input type="password" id="password" name="password" value="qwerty" autocomplete="off">
  </div>
  <input type="submit" value="Login">
</form>

Answer 2

你可以将它放入你的输入

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

中：或jquery

$(":input").attr("autocomplete","off"); 

Answer 3

这个问题有两种解决方案。我在 Google Chrome v36 上测试了以下代码。
无论Autocomplete=off如何，最新版本的 Google Chrome 都会强制自动填充。以前的一些技巧不再起作用（34+ 版本）

解决方案 1：

将以下代码放在下面在

标签下。

<form id="form1" runat="server" >
<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

...

了解更多

解决方案 2：

$('form[autocomplete="off"] input, input[autocomplete="off"]').each(function () {

                var input = this;
                var name = $(input).attr('name');
                var id = $(input).attr('id');

                $(input).removeAttr('name');
                $(input).removeAttr('id');

                setTimeout(function () {
                    $(input).attr('name', name);
                    $(input).attr('id', id);
                }, 1);
            });

它删除了“name”和“id”属性从元素中获取并在 1 毫秒后将它们分配回来。

Answer 4

向 html input 元素添加 autocomplete=off 属性应该可以做到这一点。

Answer 5

将 AutoCompleteType="Disabled" 添加到文本框

Answer 6

这应该适用于每个浏览器

    <script type="text/javascript">
        var c = document.getElementById("<%=TextBox1.ClientID %>");
        c.select =
        function (event, ui) 
        { this.value = ""; return false; }
    </script>

Answer 7

我已经在 Edge 和 Firefox 中成功测试了这一点。

<input type="text" id="cc" name="cc" autocomplete="off">

适用于常规文本输入。

对于密码，您需要使用 autocomplete="new-password"

<input type="password" id="cc1" name="cc" autocomplete="new-password">

per Mozilla 开发网络

Answer 8

我的解决方法是使密码字段成为普通文本框，然后使用 jquery 将其转换为焦点密码字段：

<asp:TextBox runat="server" ID="txtUsername" />
<asp:TextBox runat="server" ID="txtPassword" />
<script>
    $("#txtPassword").focus(function () {
        $("#txtPassword").prop('type', 'password');
    });
</script>

Answer 9

Place below code above your username control. This will work in call the browser.

<div style="margin-left:-99999px; height:0px;width:0px;">
<input type="text" id="cc" name="cc" autocomplete="off">
<input type="password" id="cc1" name="cc" autocomplete="off">
</div>