Firefox remembers wrong details username

Question

I've seen similar questions but nothing that seems to fix the issue I'm having.

I have a 2 step registration form process. On the first page you enter an email address, on the 2nd step you enter a password (and other details).

Firefox offers to remember your details but takes the date of birth field (the last textbox before the password field) as the username. The email address is in a hidden value on the page.

Does anyone know how I can tell Firefox that the email address field is the identifier for the password?

I know I can use autocomplete="off", but we still want the user to remember their password, just with the correct values.

Many thanks

Answer 1

The problem

Firefox takes the field right before the password field to be your username, regardless of the name, id or autocomplete attributes.

The solution

Place your username field and password field next to each other.

---

Note: Turning off autocomplete tells Firefox to forget the form data, but if this is a registration form Firefox will still ask the user if the credentials should be saved (stored separately from regular form data).