html - 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;
}