When having two separate login fields on a webpage, my browser (Google Chrome) assumes that both of them require the same credentials, which is not a valid assumption. I would have liked my browser to store the credentials to each of them separately.
<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>
On another HTML page:
<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>