解决谷歌浏览器（chrome）input标签自动填充数据的问题，亲测有效

问题：如题，在谷歌浏览器中，有时input标签会自动填充数据，如用户名密码等。。。

解决：给input标签加上autocomplete属性，

如果是type=“text”就加上autocomplete="off"属性，

如果type="password"，就加上autocomplete="new-password"属性，（之所以不用off值，是因为没用。虽然官方没有说过有new-password这个值，但是却是正确的，而且网易的也是用的这个）

最重要的一点：假如我有一个input标签是单独使用的，该标签下面没有密码输入框,如下图搜索框

这种情况下，如果给该input标签加上autocomplete="off"是没有效果的，原理不太清楚

解决方法：

//搜索框
<input type="text" autocomplete="off" >
//下面是额外加的标签
<input type="password" autocomplete="new-password" style="display: none"/>

给搜索框的input标签下额外加一个input且type="password"的密码框，并且设置为隐藏。

思考总结：通过实践，autocomplete="off"很有可能不能单独使用，要和autocomplete="new-password"结合起来使用才有效果。

如果有其他更好的办法，也请指教！！

解决谷歌浏览器（chrome）input标签自动填充数据的问题，亲测有效相关推荐

谷歌浏览器（chrome）input标签自动填充数据的问题(已解决)
问题:如题,在谷歌浏览器中,有时input标签会自动填充数据,如用户名密码等... 解决:给input标签加上autocomplete属性, 如果是type="text"就加上au ...
解决谷歌浏览器form表单自动填充
解决谷歌浏览器form表单自动填充前言取消谷歌浏览器form表单的填充 Promise的理解和用法基于vue-element前端开发时,修改element-ui组件的样式不说再见前言时间如 ...
成功解决“谷歌浏览器打开是毒霸网址大全”问题，亲测有效(同样适用被hao123,或者2345浏览器篡改)
最开始一定要把电脑安装的360和电脑管家之类的退出. 第一步:发现问题的存在在谷歌网址中输入:chrome://version,再按enter键如果返回如图: 那说明你的谷歌被hao123浏览器篡 ...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题一般的浏览器input和button的高度不一致问题...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题如果我们把一个表单设置位 autofocus ,这时这个表单在获取焦点后就会产生淡黄色的背景,我们就是使用!importa ...
解决Chrome、360自动填充用户名和密码行为带来的困扰
解决Chrome.360自动填充用户名和密码行为带来的困扰对于今天被浏览器自动填充账户密码行为恶心到吐,我必须记录下我的心情. 常见的几种解决方案: 先列举下查到的的几种方法 1.input标签加a ...
去掉chrome浏览器中input被自动填充后的背景色
chrome浏览器中,输入框如果被自动填充内容了,那么输入框也会被浏览器自动填充一个背景色,我电脑上填充的是蓝色,在网上有查到有填充黄色的,但不管是什么颜色的,实际表现是chrome给我们自动填充的i ...
禁止input密码自动填充及浏览器记住密码完整解决方案
完整方案禁止缓存,禁止自动填充,不会触发浏览提示记住密码,其余与正常一致,该方案跨浏览器兼容且易结合任何框架及库使用. npm i nice-pass-word 具体使用参照文档既可以. 下面的内容 ...
input输入框自动填充黄色背景解决方案
转发来自:https://www.cnblogs.com/herozhou/p/7197715.html chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给 ...
自动填充数据新增测试数据_用测试数据填充员工数据库
自动填充数据新增测试数据 In this article, we will examine the process of populating the employee database with d ...

解决谷歌浏览器（chrome）input标签自动填充数据的问题，亲测有效

解决谷歌浏览器（chrome）input标签自动填充数据的问题，亲测有效相关推荐

最新文章

热门文章