【问题标题】：autocomplete="off" force in browser浏览器中的 autocomplete="off" 强制
【发布时间】：2013-08-10 00:39:51
【问题描述】：

我有一个登录表单，我需要强制关闭自动完成功能。我试过了

jquery：$('#login').attr("autocomplete", "off");

HTML：<input ... autocomplete="off">

Javascript：document.getElementById('myInputId').autocomplete = 'off';

当我点击登录输入框时，会出现一个下拉菜单跨所有浏览器 FF, Chrome, IE..

注意这适用于以前保存过密码信息的用户他们需要强制输入登录详细信息

【问题讨论】：

<input ... autocomplete="off"> 应该适用于现代浏览器。
stackoverflow.com/a/29582380/4462191 重复

标签： javascript jquery html forms autocomplete

【解决方案1】：

或者用 jQuery 添加：$("input, select, textarea").attr("autocomplete", "off");

【讨论】：

【解决方案2】：

W3Schools 状态（已测试）：

<input type="email" name="email" autocomplete="off" />

请注意这是在 HTML5 中定义的

以前的版本见this SO

【讨论】：

“HTML 文档”这个词以及指向 W3Schools 的链接让我很担心。
抱歉，已修正答案。
stackoverflow.com/questions/2530/… 请点击此链接

【解决方案3】：

适用于 Chrome onFocus 删除只读 - 但 onBlur 你必须重新编写它。所以：

onFocus="this.removeAttribute('readonly');"
onBlur="this.setAttribute('readonly', true);"

这成功了。对于 IE 和 Firefox，我在任何情况下都添加了 autocomplete="off" with jQuery on "ready" 功能到所有可能需要它的字段（用类（或 cssclass）标记它们：

$(document).ready(function () {
    $(".noautocomplete").attr("autocomplete", "off");
});

【讨论】：

【解决方案4】：

试试这个

向表单字段（电子邮件、密码等）添加禁用属性

syntax: <input type="email" name="email" class="email" autocomplete="off" disabled />

在页面加载时，几毫秒后启用这些字段。

使用下面的 JS 代码。

function getRidOffAutocomplete(){

    var timer = window.setTimeout( function(){
        $('.email').prop('disabled',false);
        clearTimeout(timer);
       },
       800);
}

// Invoke the function, handle page load autocomplete by chrome.
getRidOffAutocomplete();

【讨论】：

【解决方案5】：

试试这个：

$(document).ready(function(){
    $( document ).on( 'focus', ':input', function(){
        $( this ).attr( 'autocomplete', 'off' );
    });
});

或者这个：

$(document).ready(function(){ 
    $("input").attr("autocomplete", "off");
});

另一方面，你可以看看这个Chrome Browser Ignoring AutoComplete=Off。希望这会有所帮助..

【讨论】：

【解决方案6】：

将“form-group”类包含在表单标签中，并添加 onSubmit 处理程序，并在处理程序内部调用 event.preventDefault() 方法。

【讨论】：

【解决方案7】：

属性 autocomplete="off" 应该适用于所有主流浏览器。

<input type="password" name="password" autocomplete="off" />

如果有人像我一样在寻找react-semantic-ui 解决方案，这应该可以解决问题：

<Form.Input autoComplete='new-password' type="password" />

将呈现：

<div class="field">
  <div class="ui input">
  <input type="password" autocomplete="new-password" />
</div>

https://github.com/Semantic-Org/Semantic-UI-React/issues/3743

【讨论】：