Autofill populating wrong fields

The OP's problem may have been solved (or may have come back again in recent updates!) but as of early 2019, you can diagnose some of these problems by setting the show-autofill-type-predictions flag in chrome://flags, restarting Chrome, then looking at the title (tooltip text) for the input in question. It will tell you what information is being used to guess the "type" of field, and what kind of saved data should be used to populate it.


We still don't know what caused the issue, but for anyone seeing this we ended up making the field readonly so that auto-fill doesn't fill it. We then wrote some JS that on focus, it becomes active and the user can manually fill it in.

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


Found myself in a similar problem, and the autocomplete property is what to be used in this situations

<input type="text" name="fooBar" autocomplete="organization" > 

exhaustive list of autocomplete/autofill tags for html form inputs


I encountered a similar problem, having a "company" field placed under a "name" field. That company field was auto-filled with a birth year. It came from another form on the same site that was displaying a "birthdate" field group just below the "name" field. So chrome stored its auto-fill values in that order. I ended up with changing my second form field order (sadly it was the best I could do).


You need to add name to the input tag. Browsers use name to identify what info is supposed to go into the field. You can also use the same for ID and for placeholder if you like. Try this:

<input type="text" name="company" id="company" placeholder="company">

If that still does not work, you might consider turning off autofill for that particular field*:

<input type="text" name="company" id="company" placeholder="company" autocomplete="off">

*you can also turn off autofill for the whole form using the same autocomplete property and off value.