Chrome ignores autocomplete="off"

Prevent autocomplete of username (or email) and password:

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

Prevent autocomplete a field (might not work):

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

Explanation:

autocomplete still works on an <input>despite having autocomplete="off", but you can change off to a random string, like nope.

Others "solutions" for disabling the autocomplete of a field (it's not the right way to do it, but it works):

1.

HTML:

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

JS (onload):

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

or using 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 (onload):

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

or using jQuery:

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

To add more than one field using 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>