注册Chrome时保存的电话号码而不是电子邮件

Question

就我而言。我有登录表单，注册表单有一些字段，如电话号码，电子邮件地址，密码等。用户登录后需要登录时才需要电子邮件地址和密码。 Chrome自动填写字段密码字段即可，但在电子邮件字段中自动粘贴电话号码。

我如何配置？

在我注册网站时，镜头显示了镀铬凭证。

最后一个是真的，我想像上一个一样保存。

表单标记，即表单电话和电子邮件输入代码

@Html.TextBoxFor(m => m.Email, new { @class = "SSTinputTextE input", placeholder = "E-POSTA ADRESİ" })
@Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger", @style = "display:none" })

@Html.TextBoxFor(m => m.Phone, new { @class = "SSTinputTextE input txtNumeric", placeholder = "CEP TELEFONU", maxlength = "11" })
@Html.ValidationMessageFor(m => m.Phone, "", new { @class = "text-danger ", @style = "display:none" })

Answer 1

我在具有非常相似标记的.Net MVC网站中遇到了完全相同的问题。我还在placeholder元素本身使用input属性，而不是在元素之前使用label元素 - 就像操作一样。

我通过在 HTML中的电子邮件字段之前移动电话号码字段来解决问题（如果重要的话，可以直观地形成）。

我没有深入研究这个确切原因，但我怀疑是因为它在任何事情之后拿起了第一个input字段单词“email”。由于没有电话号码的标签来中断此逻辑，因此电话号码字段是下一个，所以它选择了。我知道Chrome使用一些简单的正则表达式来获取这些自动保存字段，所以也许它不够聪明，不能意识到元素本身的占位符也可以计算？ （再一次，这只是猜测原因。但无论如何我上面的解决方法都有效。）