如何使用错误的电子邮件阻止Safari自动填充电子邮件字段?

Urb*_*coz 5 html css safari autofill

我们的联系管理软件使用户可以将朋友的联系方式添加到他们的帐户中.

您可以添加的详细信息之一是"电子邮件地址".但是由于某些原因,在Safari上,电子邮件地址字段会自动填充用户自己用来登录的电子邮件地址.如果您关闭"首选项"下的"自动填充"选项,则不会发生这种情况,但这显然不可行我们所有用户的解决方案.

我试过添加,autocomplete="off"但似乎只是被Safari忽略了.

以下是两个字段:

登录字段:

<input type="email" class="input-block-level" placeholder="Email address" name="email" id="user_email">
Run Code Online (Sandbox Code Playgroud)

内部领域:

 <input type="text" id="pri_email" autocomplete="off" name="pri_email">
Run Code Online (Sandbox Code Playgroud)

我无法理解的是为什么Safari甚至认为它们是同一个东西.他们有不同的ID和名称.

我怎么能阻止这种情况发生?最好没有像这里建议的那样的hacky work-around .

小智 -1

您可以使用

<input type="email" class="input-block-level" placeholder="Email address" name="email" id="user_email" value="">
Run Code Online (Sandbox Code Playgroud)

原因是 safari 忽略自动完成。如果 Safari 版本为 5.2 或更高版本,它将接受它。w3schools.com上提到了