Html 狩猎旅行';s autocomplete正在破坏我网站上的表单
我在我的网站上有一个表单,它恰好有一个电子邮件字段,后跟一个密码字段。Safari把它们填得好像是一张签到表,而事实并非如此。以前在电子邮件输入中设置的值被删除,这是一个问题,Safari输入的用户名不是有效的电子邮件,这会破坏表单 我尝试添加Html 狩猎旅行';s autocomplete正在破坏我网站上的表单,html,forms,browser,autocomplete,Html,Forms,Browser,Autocomplete,我在我的网站上有一个表单,它恰好有一个电子邮件字段,后跟一个密码字段。Safari把它们填得好像是一张签到表,而事实并非如此。以前在电子邮件输入中设置的值被删除,这是一个问题,Safari输入的用户名不是有效的电子邮件,这会破坏表单 我尝试添加autocomplete=“off”,但Safari只是忽略了它。我如何才能说服它这不是一个登录屏幕,并请停止干预 编辑:我只是尝试移动表单的顺序,以帮助Safari意识到它不是一个登录表单,而且它仍然会填写表单,即使密码字段在最上面,电子邮件字段在最下面
autocomplete=“off”
,但Safari只是忽略了它。我如何才能说服它这不是一个登录屏幕,并请停止干预
编辑:我只是尝试移动表单的顺序,以帮助Safari意识到它不是一个登录表单,而且它仍然会填写表单,即使密码字段在最上面,电子邮件字段在最下面(5个字段在下面)。您可以访问post,因为它还有关于在表单上禁用自动完成的信息。尝试在多个浏览器上运行相同的HTML页面,因为可能是Safari及其设置导致了这种情况。此外,Mozilla还有一篇关于自动完成的有用文章,值得一看。如果这仍然没有帮助,请发表一些评论。此解决方案可用于禁用Safari中的自动完成功能: 如果要在所有表单上禁用密码自动完成,请使用:
::-webkit-credentials-auto-fill-button {
visibility: hidden;
}
如果只想禁用一个表单,请使用:
.put_your_class_here::-webkit-credentials-auto-fill-button {
visibility: hidden;
}
在Chrome和Firefox上试用过,但只在Safari上使用过。您发布的链接建议使用
autocomplete
属性,该属性在任何主要浏览器上都不起作用。不幸的是,将autocomplete
属性设置为随机字符串也不起作用。此外,您是否尝试过将autocomplete=“off”在表单中的每个输入标记上?表单在HTML中的实际外观是什么?我刚刚发现Safari在表单中搜索诸如电子邮件和密码之类的单词,并启用自动完成功能。如果有不同的名称,如代码或地址,Safari将不会应用自动完成。