摘要：如何禁止浏览器自动填充属性规定输入字段是否应该启用自动完成功能方法一设置没错，是可以控制浏览器自动完成功能，但文档里说可以禁止浏览器自动填充，经过实际操作一试，然而并不能，已经失效了，经过探索发现注意在像，等项目中应该用驼峰命名法加到对
如何禁止浏览器自动填充
autocomplete 属性规定输入字段是否应该启用自动完成功能
方法一：设置autocomplete=“new-password”没错，autocomplete是可以控制浏览器自动完成功能，但文档里说autocomplete=“off”可以禁止浏览器自动填充，经过实际操作一试，然而并不能，autocomplete=“off”已经失效了，经过探索发现autocomplete=“new-password”(注意：在像vue，react等项目中应该用驼峰命名法autoComplete)加到对应的input[type=password]中就可以了,此方法在Chrome浏览器中有效，像Firefox又不起作用了方法二：添加
Firefox浏览器可以在表单里添加，在添加后面的input都不会被自动填充，想要整个表单都不被填充，将它添加到表单最前面即可，但是此方法在Firefox浏览器中有效，Chrome又不起作用了终极方法：可以解决浏览器的兼容性的方法
将两种方法组合到一起，添加并设置autocomplete=“new-password”，查看一下，Chrome跟Firefox都生效了
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/53228.html
摘要：所以，这里给设置初始为，在用户点击聚焦后设置为，避免浏览器在页面之后判断登录表单进行回填。 本文由 Deguang 发表于 码路-技术博客 浏览器的保存账户密码功能，给我们带来了很大的便利，但是在有些情况下，我们并不希望浏览器帮我们填充一些表单，然而autocomplete的一些参数项并不能阻止浏览器回填，这里我们来看下如何解决这个问题。 问题描述： 项目注册部分的表单有三项，分别为手...
摘要：于是查看浏览器页面行为，发现该表单邮箱账号密码字段被浏览器默认填写，导致反复触发校验。正常触发自动填充解决方式既然浏览器遇到与的标签紧邻时触发自动填充行为，则将两个隔开，使用隐藏的方式欺骗浏览器，将密码信息填写在隐藏区域。经测试问题解决。 在开发中偶然遇到的一个奇怪的问题，有一个需求会让用户输入邮箱和密码信息，该表单设置了校验规则（当触发blur时，才会触发校验），但之后的测试发现，只...
摘要：于是查看浏览器页面行为，发现该表单邮箱账号密码字段被浏览器默认填写，导致反复触发校验。正常触发自动填充解决方式既然浏览器遇到与的标签紧邻时触发自动填充行为，则将两个隔开，使用隐藏的方式欺骗浏览器，将密码信息填写在隐藏区域。经测试问题解决。 在开发中偶然遇到的一个奇怪的问题，有一个需求会让用户输入邮箱和密码信息，该表单设置了校验规则（当触发blur时，才会触发校验），但之后的测试发现，只...
阅读 1461·2021-10-18 13:29
阅读 2687·2021-10-12 10:18
阅读 3583·2021-09-22 15:06
阅读 2597·2019-08-29 17:09
阅读 2789·2019-08-29 16:41
阅读 1495·2019-08-29 13:48
阅读 3228·2019-08-26 13:49
阅读 3326·2019-08-26 13:34
