forms - Chrome - 您想保存此密码吗？提示获取错误值

Question

我有一个表单，允许用户在私有(private)网站上请求帐户，但没有用户名字段。相反，该项目的规范要求用​​户输入其电子邮件地址和密码/确认密码。还有一些字段供用户输入他们的州和国家/地区。

提交表单后，Chrome 会显示一条提示，询问用户是否要保存密码，但它显示的是州字段的值，而不是电子邮件地址字段的值。 (邮箱地址为账户实际用户名)。

据我所知，Chrome 将遍历表单的字段，直到找到 id=password 的字段，然后向后遍历字段以查找 id=username。由于我没有 id=username 字段，并且 Chrome 与 id=email 无关，因此它似乎在用户名的 id=password 字段之前使用该字段。

如何强制 Chrome 使用 id=email 字段作为用户名？

<form action="POST" src="#">
    <input id="email" type="text" />
    <input id="state" type="text" />
    <input id="country" type="text" />
    <input id="password" type="password" />
    <input id="confirmpassword" type="password" />

    <input type="submit" value="Request Account" />
</form>

提交后，上述表单会触发 Chrome 的提示:

Would you like to save this password?

Iowa             ********

请注意，“爱荷华州”是在 id=state 字段中输入的任何值，这当然是错误的。

此时将 id=email 更改为 id=username 会很困难。有没有其他方法可以做到这一点并保留 id=email？

Answer 1

这个问题似乎只有一种解决方案。将 id="email" 重命名为 id="username" 也无法解决该问题。看起来 id 或标签并不重要，浏览器使用 id="password" 字段前面的字段作为用户名，所以我将这两个字段移到一起，如下所示:

<form action="POST" src="#">
    <input id="state" type="text" />
    <input id="country" type="text" />
    <input id="email" type="text" />
    <input id="password" type="password" />
    <input id="confirmpassword" type="password" />

    <input type="submit" value="Request Account" />
</form>

如果有人知道如何在浏览器的保存密码提示中指定用作用户名的字段(无论表单字段定位如何)，我将不胜感激!