Disabling Chrome Autofill?

Question

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 autocomplete flag has successfully disabled the autocomplete behavior, where a dropdown of values appear as you start typing, but has not changed the values that Chrome auto-populates the fields as. This behavior would be ok except that chrome is filling the inputs incorrectly, for example filling the phone input with an email address. Customers have complained about this, so it's verified to be happening in multiple cases, and not as some some sort of result to something that I've done locally on my machine. The only current solution I can think of is to dynamically generate custom input names and then extract the values on the backend, but this seems like a pretty hacky way around this issue. Are there any tags or quirks that change the autofill behavior that could be used to fix this?

Answer 1

1. Have you mistakenly given the phone and email attributes the same attributes name? Or are you using different names in the attributes fields?

<label for="email">Email <input type="email" name="phone" id="phone" autocomplete="off" /> </label>

<label for="phone">Phone <input type="tel" name="phone" id="phone" autocomplete="off" /> </label>

2. Are you using Chrome? Have you only experienced this behavior after a recent software update?