Safari浏览器中电子邮件字段的自动填充（自动完成）无法正常工作

Question

我有一个简单的表单，其中包含电子邮件地址和提交按钮。Chrome自动填充了电子邮件字段，但Safari没有。有任何想法为什么？！

<form class="omb_loginForm" action="" method="POST" autocomplete="on">
 <div class="input-group">
  <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
  <input class="form-control input-lg" id="email" name="email" type="email" placeholder="email address" value="{{ user_email or "" }}" autocomplete="on">
   <span class="help-block hidden">That email address doesn't look quite right.</span>
<input type="hidden" id="return_url" name='return_url' value="{{ return_url}}">
<button class="btn btn-lg btn-primary btn-block" type="submit">Send magic link</button>
</form>

可能相关：

• 页面上有时会有另一个电子邮件表单字段（用于新闻通讯注册），但即使删除该字段，它仍然无法工作。
• 我去掉了type="email"后，在Safari中它工作了一次，但我无法复制这个结果。
• 网站上其他地方的另一个字段（文本搜索）在Safari中也不会自动填充，但在Chrome中可以。

- okanagan

Answer 1

我也遇到了同样的问题（在移动版Safari上），你可以尝试将自动完成选项设置为“email”（如HTML自动完成属性所述），像这样：autocomplete="email"。这个选项解决了（在我的情况下）电话字段的自动完成，但仍然无法帮助移动设备上的电子邮件字段自动完成。

- Dmitry