html - 自动填充(自动完成)不适用于 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 中会自动填充。

Answer 1

我也有同样的问题(在移动版 Safari 上)，您可以尝试将自动完成选项设置为“电子邮件”(如此处所述 The HTML autocomplete attribute )，如下所示:autocomplete="email"。此选项修复(在我的情况下)电话字段的自动完成，但仍然无助于移动设备上的电子邮件字段的自动完成。