Disable autocomplete in chrome 66

Question

Is there any way to disable autocomplete on a text field in chrome 66? I have tried a number of options like :

1. autocomplete="off"
2. autocomplete="false"
3. autocomplete="disabled"
4. autocomplete="something-new" etc.

Can anyone help me with this?

Also, one more thing does chrome automatically enables autocomplete for a username if it has a password type field below it?

Answer 1

I used this code and it is working for me. I hope it will also helpful for you. :) Enter your type with readonly and then below mention code.

<input readonly type="email" onfocus="if (this.hasAttribute('readonly')) {
    this.removeAttribute('readonly');
    this.blur();    this.focus();  }" />

Answer 2

A lot of browsers refuse to adhere to what you have mentioned - the best way is to make an element readonly and then on hover/click/blur/focus, remove readonly.

So you could give it a class such as disable_autocomplete and also make the input field readonly.

Then when the field is hovered, focussed, or clicked you can remove readonly. Optionally, add it back when unfocussed.

Answer 3

$(document).ready(function(){ 
     $("input").val("");
});

So, Chrome just sets the value of element when autofilling them. Just try that, else you can try set some interval, wich will check value in HTML code, because Chrome not put new value to HTML code, just puts it in memory for itself.

Answer 4

I acheived the auto complete functionality to be disabled in chrome by giving

<form autocomplete="off">

and

var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
element.autocomplete = isChrome ? 'disabled' :  'off';

where isGoogleChrome is a function to find whether the browser is chrome written with help of this post.

JavaScript: How to find out if the user browser is Chrome?

Answer 5

I found something :

 <input autocomplete="off" onfocus="this.setAttribute('autocomplete', 'I don\' t want this Google');" />

Good Day Everybody

Answer 6

function annihilateChromesAutocomplete(){
 var clearAutocompleteInterval = setInterval(function(){
  var peskyAutocompletedInputs = document.querySelectorAll("input:-internal-autofill-selected");
  for(var i = (peskyAutocompletedInputs.length - 1); i > -1; i--){
   peskyAutocompletedInputs[i].value = peskyAutocompletedInputs[i].defaultValue;
  }
 }, 1);
 setTimeout(function(){
  clearInterval(clearAutocompleteInterval);
 }, 2000);
}

Answer 7

Use this

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

And if the autofill is enabled in chrome you can follow these steps to turn it off:

Turning Off Autofill in Chrome

1. Click the Chrome menu icon. (Three lines at the top right of your screen.)
2. Click on Settings.
3. At the bottom of the page, click “Show Advanced Settings”
4. In the Passwords and Forms section, uncheck “Enable Autofill to fill out web forms in a single click”

Answer 8

Check out the newest version of Chrome V.67. They have fixed that issue.