如何在web表单字段/输入标记上禁用浏览器自动完成？

如何在主要浏览器中禁用特定输入（或表单字段）的自动完成？

当前回答

在尝试了所有解决方案之后（有些解决方案部分奏效，禁用自动填充但不自动完成，有些根本不奏效），我找到了截至2020年的最佳解决方案，将type=“search”和autocomplete=“off”添加到输入元素中。这样地：

<input type="search" /> or <input type="search" autocomplete="off" />

还要确保表单元素具有autocomplete=“off”。这非常有效，并禁用自动完成和自动填充。

此外，如果您使用type=“email”或任何其他文本类型，则需要添加autocomplete=“new email”，这将完全禁用两者。type=“password”也是如此。只需将“new-”前缀与类型一起添加到自动完成中即可。这样地：

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

2020-12-15 12:28:49

其他回答

这就是：

函数turnOnPasswordStyle（）{$（'#inputpassword'）.attr（'type'，“password”）；}<input-onput=“turnOnPasswordStyle（）”id=“inputpassword”type=“text”>

2016-05-29 19:57:02

为了避免无效的XHTML，可以使用JavaScript设置此属性。使用jQuery的示例：

<input type="text" class="noAutoComplete" ... />

$(function() {
    $('.noAutoComplete').attr('autocomplete', 'off');
});

问题是没有JavaScript的用户将获得自动完成功能。

2010-12-12 18:34:38

提供的答案在我测试的所有浏览器上都不起作用。基于已经提供的答案，这是我最终在Chrome 61、Microsoft Edge 40（EdgeHTML 15）、IE 11、Firefox 57、Opera 49和Safari 5.1上测试的结果。由于多次试验，它很古怪；然而，它确实对我有用。

<form autocomplete="off">
    ...
    <input type="password" readonly autocomplete="off" id="Password" name="Password" onblur="this.setAttribute('readonly');" onfocus="this.removeAttribute('readonly');" onfocusin="this.removeAttribute('readonly');" onfocusout="this.setAttribute('readonly');" />
    ...
</form> 

<script type="text/javascript">
    $(function () {           
        $('input#Password').val('');
        $('input#Password').on('focus', function () {
        if (!$(this).val() || $(this).val().length < 2) {
            $(this).attr('type', 'text');
        }
        else {
            $(this).attr('type', 'password');
        }
    });
    $('input#Password').on('keyup', function () {
        if (!$(this).val() || $(this).val().length < 2) {
            $(this).attr('type', 'text');
        }
        else {
            $(this).attr('type', 'password');
        }
    });
    $('input#Password').on('keydown', function () {
        if (!$(this).val() || $(this).val().length < 2) {
            $(this).attr('type', 'text');
        }
        else {
            $(this).attr('type', 'password');
        }
    });
</script>

2017-11-22 08:28:11

<form name="form1" id="form1" method="post"
      autocomplete="off" action="http://www.example.com/form.cgi">

这将在Internet Explorer和Mozilla Firefox中运行。缺点是它不是XHTML标准。

2008-08-05 16:27:40

这就是我们所说的文本框自动完成。

我们可以通过两种方式禁用文本框的自动完成：

按浏览器标签按代码要在浏览器中禁用，请转到设置

转到“高级设置”，取消选中复选框，然后单击“还原”。

如果要禁用编码标签，可以执行以下操作-

使用AutoCompleteType=“禁用”：

<asp:TextBox runat="server" ID="txt_userid" AutoCompleteType="Disabled"></asp:TextBox>

通过设置表单自动完成=“off”：

<asp:TextBox runat="server" ID="txt_userid" autocomplete="off"></asp:TextBox>

通过设置表单自动完成=“off”：

<form id="form1" runat="server" autocomplete="off">
    // Your content
</form>

通过使用.cs页面中的代码：

protected void Page_Load(object sender, EventArgs e)
{
    if(!Page.IsPostBack)
    {
        txt_userid.Attributes.Add("autocomplete", "off");
    }
}

通过使用jQuery

<head runat="server">
    <title></title>

    <script src="Scripts/jquery-1.6.4.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#txt_userid').attr('autocomplete', 'off');
        });
    </script>

2016-03-19 05:05:58

如何在web表单字段/输入标记上禁用浏览器自动完成？

推荐文章

最新文章

标签