Is there a way to disable chrome autofill option for angular form fields Is there a way to disable chrome autofill option for angular form fields google-chrome google-chrome

Is there a way to disable chrome autofill option for angular form fields


Please check the autocomplete="new-password":

<input type="password" name="password" value=""  autocomplete="new-password" />

It worked for me. Found in Google documentation


The autocomplete="off" is effectively respected by Chrome, but what you're experiencing is the Chrome autofill functionality that takes over, ignoring autocomplete="off": https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill.

In the past, many developers would add autocomplete="off" to their form fields to prevent the browser from performing any kind of autocomplete functionality. While Chrome will still respect this tag for autocomplete data, it will not respect it for autofill data.

One workaround is to put an unknown value in the autocomplete, e.g. <input type="text" name="somethingAutofillDoesntKnow" autocomplete="doNotAutoComplete" />. When testing this it worked for me most of the time, but for some reason didn't work anymore afterwards.

My advise is not to fight against it and use it's potential by properly using the autocomplete attribute as explained here: https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill


Just change your input from type TEXT to type SEARCH.

<input type="search" name="your_address" autocomplete="nope" />

Chrome fill work with text fields but it's ignored on search type.