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

Question

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

<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