我的网站未显示Chrome电子邮件字段自动填充选项

Question

当我第一次访问许多新网站时,我看到:

1. 对于某些网站,将光标放在注册表单的电子邮件字段中会立即显示我在其他网站上输入的电子邮件选项.
2. 对于其他网站,将光标放在电子邮件字段中并不会给我任何电子邮件选项.而且,我必须手动输入电子邮件的每个字母.

我找不到哪两段代码可以区分这两种情况.对于我的网站,我被#2困住了.我正在尝试实现#1,用户只需重新使用在其他网站上输入的电子邮件即可.

我使用了这样的代码:

<input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required autocomplete="email">

Answer 1

看来您想启用autocomplete，但您指定了错误的属性。

\n\n

句法：

\n\n

\n

自动完成=“开|关”

\n

\n\n

\n为了保存第一次输入的电子邮件地址，您需要有一个form带有该属性的标签method="POST"。还建议使用autocompletetype属性来帮助浏览器更准确地填充表单。

\n\n

注意：在某些情况下，在较旧的浏览器上，如果表单没有操作，您可能还需要添加操作。action="javascript:void(0)"有效。\n

\n\n

自动完成功能打开 和 的示例method="POST"：

\n\n

\r\n

\r\n

<form method="POST" action="javascript:void(0)">\r\n    <input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required autocomplete="on" autocompletetype=\xe2\x80\x9demail\xe2\x80\x9d>\r\n    <input type="submit">\r\n</form>

\r\n

\r\n

\r\n

\n\n

没有自动完成和的示例method="POST"：

\n\n

\r\n

\r\n

<form>\r\n    <input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required autocomplete="off">\r\n    <input type="submit">\r\n</form>

\r\n

\r\n

\r\n

\n\n

另请参阅如何在 Google Chrome 中触发自动填充？

\n