我有一个登录表单，我需要强制关闭自动完成功能。我努力了
jQuery：$('#login').attr("autocomplete", "off");
HTML：<input ... autocomplete="off">
Javascript：document.getElementById('myInputId').autocomplete = 'off';
当我单击登录输入框时，所有浏览器都会出现一个下拉菜单
FF, Chrome, IE..
注意这适用于以前保存过密码信息的用户他们需要强制输入登录详细信息
或者使用 jQuery 添加：$("input, select, textarea").attr("autocomplete", "off");
适用于 Chrome onFocus remove readonly - 但 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");
});
向表单字段（电子邮件、密码等）添加禁用属性
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();
尝试这个：
$(document).ready(function(){
$( document ).on( 'focus', ':input', function(){
$( this ).attr( 'autocomplete', 'off' );
});
});
或这个：
$(document).ready(function(){
$("input").attr("autocomplete", "off");
});
另一方面，您可能会查看此Chrome Browser Ignoring AutoComplete=Off。希望这可以帮助..
属性 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
将“form-group”类包含在表单标记中，并添加 onSubmit 处理程序，并在处理程序内部调用 event.preventDefault() 方法。