Chrome忽略autocomplete=“关闭”

Question

我创建了一个使用标记框下拉列表的web应用程序。这在除Chrome浏览器（版本21.0.1180.89）之外的所有浏览器中都非常有效。

尽管输入字段和表单字段都具有autocomplete=“off”属性，但Chrome坚持显示该字段以前输入项的下拉历史记录，这将删除标记框列表。

Answer 1

似乎Chrome现在忽略自动完成="off"，除非它在上

Answer 2

使现代化

现在Chrome似乎忽略了style=“display:none；” 或style=“可见性：隐藏；属性。

你可以把它改成这样：

<input style="opacity: 0;position: absolute;">
<input type="password" style="opacity: 0;position: absolute;">

根据我的经验，Chrome只自动完成第一个

html prettyprint-override"><input style="display:none">
<input type="password" style="display:none">

到的顶部

Answer 3

防止用户名（或电子邮件）和密码自动完成：

<input type="email" name="email"><!-- Can be type="text" -->
<input type="password" name="password" autocomplete="new-password">

防止自动完成字段（可能不工作）：

<input type="text" name="field" autocomplete="nope">

说明：

其他用于禁用字段自动完成的“解决方案”（这不是正确的方法，但它可以工作）：

1.

HTML:

<input type="password" id="some_id" autocomplete="new-password">

JS（在线加载）：

(function() {
    var some_id = document.getElementById('some_id');
    some_id.type = 'text';
    some_id.removeAttribute('autocomplete');
})();

或使用jQuery：

$(document).ready(function() {
    var some_id = $('#some_id');
    some_id.prop('type', 'text');
    some_id.removeAttr('autocomplete');
});

2.

HTML:

<form id="form"></form>

JS（在线加载）：

(function() {
    var input = document.createElement('INPUT');
    input.type = 'text';
    document.getElementById('form').appendChild(input);
})();

或使用jQuery：

$(document).ready(function() {
    $('<input>', {
        type: 'text'
    }).appendTo($('#form'));
});

要使用jQuery添加多个字段，请执行以下操作：

function addField(label) {
  var div = $('<div>');
  var input = $('<input>', {
    type: 'text'
  });
  
  if(label) {
    var label = $('<label>', {
      text: label
    });
    
    label.append(input);
    div.append(label);    
  } else {
    div.append(input);    
  }  
  
  div.appendTo($('#form'));
}

$(document).ready(function() {
  addField();
  addField('Field 1: ');  
});

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