Safari的自动填充功能会破坏我网站上的表单

Question

我的网站上有一个表单，其中包含一个电子邮件字段，后跟一个密码字段。 Safari正在填写它们，好像它们是一种签名形式，但它们不是。先前在电子邮件输入中设置的值将被删除，这是一个问题，并且Safari正在输入一个非有效电子邮件的用户名，这会破坏表单。

我尝试添加autocomplete="off"，但Safari只是忽略了它。我怎么能说服这不是登录界面，请停止插手？

编辑：我只是试图移动表单的顺序以帮助Safari意识到它不是登录表单，并且它仍然填写它，即使密码字段位于最顶端，并且电子邮件字段位于最底部（5个字段向下）。

Answer 1

此解决方案适用于在Safari中禁用自动完成功能：

如果要在所有表单上禁用密码自动填充，请使用：

::-webkit-credentials-auto-fill-button {
     visibility: hidden;
}

如果您只想禁用一个表单，请使用：

.put_your_class_here::-webkit-credentials-auto-fill-button {
     visibility: hidden;
}

Answer 2

您可以访问this帖子，因为它还包含有关在表单上停用自动填充功能的信息。尝试在多个浏览器上运行相同的HTML页面，因为它可能是Safari及其导致此问题的设置。此外，Mozilla有一个关于自动填充的有用帖子值得关注here。如果这仍然没有帮助，请发表一些评论。