Cómo utilizar la función de autocompletar en varios campos de inicio de sesión en un sitio web: html, formularios, navegador, contraseñas, autocompletar

Al tener dos campos de inicio de sesión separados en unpágina web, mi navegador (Google Chrome) asume que ambos requieren las mismas credenciales, lo cual no es una suposición válida. Me hubiera gustado que mi navegador almacenara las credenciales para cada uno de ellos por separado.

<form id="login-form" method = "post" action = "/login.html">
<ul>
<li><input id = "username" name = "username" type = "text" placeholder = "Username"/></li>
<li><input id = "password" name = "password" type = "password" placeholder = "Password"/></li>
<li><input id = "button" type = "submit" value = "Login"/></li>
</ul>
</form>

En otra página HTML:

<form id="dx-login-form" method = "post" action = "/dxLogin">
<ul>
<li><input id = "dx_username" name = "dx_username" type = "text" placeholder = "Username"/></li>
<li><input id = "dx_password" name = "dx_password" type = "password" placeholder = "Password"/></li>
<li><input id = "button" type = "submit" value = "Login"/></li>
</ul>
</form>

Respuestas

Puede proporcionar al segundo formulario de inicio de sesión diferentes identificadores de autocompletado para que no se complete automáticamente desde el primer formulario de inicio de sesión.

    <li><input id = "dx_username" name = "dx_username" type = "text" placeholder = "Username" autocomplete = "dx_username" /></li>
<li><input id = "dx_password" name = "dx_password" type = "password" placeholder = "Password" autocomplete = "dx_password" /></li>

Para más información: https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill