自动填充（自动完成）不适用于 Safari 中的电子邮件字段答案

【问题标题】：Autofill (autocomplete) not working on Email field in Safari自动填充（自动完成）不适用于 Safari 中的电子邮件字段
【发布时间】：2019-01-12 04:35:10
【问题描述】：

我有一个带有电子邮件地址和提交按钮的简单表单。 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 中会自动填充。

【问题讨论】：

标签： html forms

【解决方案1】：

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

【讨论】：