I see in the standard that I can have autocomplete either equal to username or email on an input field.
In my case, username is actually the user's email.
What is the best autocomplete to use on my username input field in this case to maximize compatibility with password managers?
For a login form I think it's better to use autocomplete="username" for a username field, even if it is expected to be an email address.
I have no hard evidence for this but I expect this would be more friendly to password managers.
This article suggests the same.
A design document from Chromium aimed at developers also seems to suggest the same, and I quote from that:
<form id="login" action="login.php" method="post"> <input id="emailfield" type="text" value="me@example.test" autocomplete="username"> <input type="password" autocomplete="current-password"> <input type="submit" value="Sign In!"> </form>
For a registration form, autocomplete="email" may make more sense.
I ended up researching quite a bit, and found out these conclusions to be true: Angular forms and password managers, if anyone ends up googling here.
I'm not sure what you're trying to do, but you can also set the autocomplete to just on or off.
That will make it so it recommends whatever the user last submitted through the input field with no guidance for the browser.
Additionally, I'm linking you to the page where you can see all the values you can use with autocomplete, hope it helps.
ref.
https://www.w3schools.com/tags/att_input_autocomplete.asp
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
