Chrome - 您要保存此密码吗？提示获取不正确的值

Question

我有一个表单,允许用户在私人网站上请求帐户,但没有用户名字段.相反,此项目的规范要求用​​户输入其电子邮件地址和密码/确认密码.用户还可以输入其州和国家/地区的字段.

提交表单后,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             ********

请注意,'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>

如果有人知道我如何指定username在浏览器的保存密码提示中使用的字段(无论表单字段定位)我会很感激指针!