Disable form autofill in Chrome without disabling autocomplete

html google-chrome autocomplete autofill
Elias Zamaria picture Elias Zamaria · Jun 7, 2012 · Viewed 106.4k times · Source

How can we disable Chrome's autofill feature on certain <input>s to prevent them from being automatically populated when the page loads?

At the same time I need to keep autocomplete enabled, so the user can still see the list of suggestions by clicking on the input or typing in it. Can this be done?

EDIT: Feel free to use plain Javascript or jQuery if you feel it is necessary or you feel like it would make your solution simpler.

Answer

Mirror318 picture Mirror318 · Apr 11, 2016

Here's the magic you want:

    autocomplete="new-password"

Chrome intentionally ignores autocomplete="off" and autocomplete="false". However, they put new-password in as a special clause to stop new password forms from being auto-filled.

I put the above line in my password input, and now I can edit other fields in my form and the password is not auto-filled.

Related questions

Disabling Chrome Autofill

I have been running into issues with the chrome autofill behavior on several forms. The fields in the form all have very common and accurate names, such as "email", "name", or "password", and they also have autocomplete="off" set. The …

Read More
Disable Google Chrome Autocomplete / Autofill / Suggestion

I want to disable google chrome autocomplete / autofill / use password suggestion Something similar with autocomplete="off" (this one is not working). The code is as following loginpage.php <form class="form-method" method="post"> <span class="form-fill"> &…

Read More
Google chrome autofilling all password inputs

My Problem I must have turned on google to autofill for a login on my site, however it is trying to now autofill that login data whenever I want to edit my account info or edit another users account info (…

Read More