如何在网站上的多个登录字段上使用自动填充

Question

当网页上有两个单独的登录字段时，我的浏览器(谷歌浏览器(假设它们都需要相同的凭据，这不是一个有效的假设。我希望我的浏览器分别存储每个凭据。

<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>

在另一个 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>

Answer 1

您可以为第二个登录表单提供不同的自动完成标识符，这样它就不会从第一个登录表单自动填充。

<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>

更多信息： https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill