为啥浏览器不能自动完成整个 HTML 表单？

Posted 2023-02-24

【中文标题】为啥浏览器不能自动完成整个 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

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

【参考方案1】：

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

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

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

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

【讨论】：

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