Disable autofill in Chrome 63 [duplicate]

Answer 1

Try to remove the "Id" of the input.

That's how i fixed it.

Answer 2

Looks like chrome looks for the closest "label" html tag to the input, and analyzes the label's value/html to affect the input's autofill.

The cleanest workaround I found to disable the input's autofill was this:

<label for="">Country</label>
<label for="" style="display: none;">hidden label to mislead chrome autocomplete</label>
<input ... />

Answer 3

For Angular users, Since the autocomplete = 'off' ignore by new chrome versions, chrome developer suggests autocomplete= 'false | random-string', so the google chrome/modern browsers have 2 type of users helpers -

1. autocomplete='off' (which prevents last cached suggestions).
2. autocomplete = 'false | random-string' (which prevents autofill setting, since the 'random-string' is not known by the browser).

so what to do, in case of disabling both the annoying suggestions? Here is the trick:-

add autocomplete = 'off' in every input fields. (or simple Jquery).

$("input").attr('autocomplete', 'off');

Remove the <form name='form-name'> tag from HTML code and add ng-form = 'form-name' in your <div> container. adding ng-form="form-name" will also retain all your validations.

Answer 4

2019 It seems autocomplete="disabled" works again as of Chrome 72.

---

SINCE A LOT OF PEOPLE HAVE BEEN DOWNVOTING WITHOUT READING THE COMMENTS: THIS NO LONGER WORKS IN CHROME AS OF 2018 / CHROME 63+ relevant: https://bugs.chromium.org/p/chromium/issues/detail?id=587466

Having autocomplete="false" instead of autocomplete="off" works, you can read more from the Chrome team as to why they did it

---

here:

https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands https://bugs.chromium.org/p/chromium/issues/detail?id=468153 https://groups.google.com/a/chromium.org/forum/#!topic/chromium-dev/zhhj7hCip5c https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

Answer 5

We tried autocomplete="false" and autocomplete="off", neither work. But something Chrome doesn't understand, like autocomplete="disabled", does seem to work. Strange!

Update: this is working as of Chrome 72.

Answer 6

As Chrome is never going to work properly and/or keeps changing its mind (I know its not human) the simplest solution to ensure autofill/autocomplete stops is to do the following on any inputs you dont want autofilled:

<input type='text' readonly onfocus="this.removeAttribute('readonly');" value=''/>