为什么浏览器不能自动完成整个 HTML 表单？答案

【问题标题】：Why isn't the browser autocompleting the whole HTML Form?为什么浏览器不能自动完成整个 HTML 表单？
【发布时间】：2021-04-30 11:24:12
【问题描述】：

我有一个带有 3 个简单输入和一个提交按钮的 HTML 表单，如下所示：

<form action="foo.php" method="post" id="form" name="form" target="_blank" autocomplete="on">
    <input type="text" value="" name="firstname" id="firstname" placeholder="First Name" autocomplete="firstname" />
    <input type="text" value="" name="lastname" id="lastname" placeholder="Last Name" autocomplete="lastname" />
    <input type="email" value="" name="email" id="email" placeholder="Email Address" autocomplete="email" />
    <input type="submit" value="Submit" name="send" />
</form>

当我单击名字输入并选择名字以自动完成时，浏览器不会完成表单的其余部分（姓氏和电子邮件）。使用最新的 Chrome 版本：90.0.44

这是预期的行为吗？如何让浏览器自动填充整个表单？

【问题讨论】：

标签： html forms autofill

【解决方案1】：

这里有自动完成属性的描述。 MDN web docs - autocomplete.

“给定名称” 给定的（或“名字”）名称。

“姓氏” 姓氏（或“姓氏”）。

email 是它的正确标识符。尝试纠正其他的，看看是否适合你。

【讨论】：

我刚刚检查过了。当我将其更改为上述内容时，它甚至没有为我提供任何选择。