【web杂记-禁止输入框自动填充文字】的更多相关文章

web杂记-禁止输入框自动填充文字

1:背景 公司基于业务需求开发了一套纯JS的时间控件,本来用得好好得.后来发现在部分浏览器下使用该时间控件会出现输入框自动填充的部分与控件的展示产生了冲突: 如图: 2:问题分析 因为部分浏览太人性化,需要记录用户在页面中其他输入框中输入过的文字:方便用户重用自己输入过的文字.太人性化就会可能导致与自定义的控件产生展示冲突的问题: 3:解决方案 在输入框中带上 autocomplete="off" 属性就能完美解决冲突的问题了:既然浏览器的人性化设置让我们的界面十分不人性化,那我们就要…

input输入框自动填充的问题

火狐浏览器打开页面,input可以自动填充历史输入值,现在想无论input类型是type='text'还是'password'都禁止自动填充,因为我写的页面在input='text'时先检查是否有输入值,若没有则提交按钮是灰色的不能提交的,当自动填充时,页面input框有值,但按钮还是失效状态检查不出自动填充有值,看起来体验不好,然而autocomplete='off'竟然失效,解决: <input type="text" readonly onfocus="this.…

input输入框自动填充黄色背景解决方案

chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; } 之前有一种解决方案是禁用autocomplete属性 <input type="text" name=…

如何禁止浏览器自动填充非登陆input的账号和密码？

发现浏览器填充密码的方式,那就是,找到页面上第一个type为password的input填充.发现了这个规律后,很自然的就想到了,是不是可以在真正的password前面加一个隐藏的password,形式如下: . 经过测试,各种浏览器都支持.至此,问题算是解决了. 账号和密码分别写一个隐藏的input来承接登录账号和密码: 作者:FOmaerl 链接:https://www.zhihu.com/question/31909758/answer/189407873 来源:知乎 著作权归作者所有.商…

chrome浏览器自动填充失效问题

现在浏览器带有自动填充,一般在input标签中增加autocomplete="off" 可以进行控制,off代表不填充,on代表填充,这个属性也可以放在form标签中,对所有的input标签生效. 但是在某些浏览器上autocomplete="off"会失效,不起作用,本人经过chrome的实际测试发现可以增加一个input这个input的type必须是password,style="display:none",是的将这个放在form里作为第一个…

解决浏览器自动填充input

浏览器输入框自动填充解决办法 emmmmm:今天处理公司后台系统遇到的:登录页面浏览器保存账号密码后:浏览器会自动在其他页面进行填充:解决如下图: 浏览器会默认填充input type值为password的文本框:(填充对象为input[type=password]及前一个input框) 先设置input type=text:然后获取焦点时改变type为password:然后设置两个宽高为0的input做为浏览器填充物:然后就解决了.…

消除浏览器对input输入框的自动填充

Mozilla官方文档建议的是 直接使用 autocomplete = ‘off’ 即可禁止输入框从浏览器cache获取数据,博主以前使用这个也就足够兼容浏览器了. 现在发现,却在chrome.firfox上有兼容性 无法解决. 后来查阅相关资料得到以下解决方法: 1:可以设置一个默认的input用来接收浏览器的默认填充,并且设置css为dispaly:none 形如: <input type = 'text' style='display:none'> 这样既不会影响用户的体验,也可以兼容所…

Chrome浏览器下自动填充的输入框背景

记录下从张鑫旭老师的微博中看到关于input输入框的属性 1.autocomplete="off" autocomplete 属性规定输入字段是否应该启用自动完成功能 自动完成允许浏览器预测对字段的输入.当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项. 注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, passwor…

jquery自动填充输入框

1,这是一个比较简单的页面,你可以复制下来就可以使用.<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>jQuery UI 自动完成(Autocomplete) - 默认功能</title> <link rel="stylesheet" href="//code.jquery…

html页面禁止自动填充浏览器记住的密码

现在的浏览器功能越来越强大,比如Chrome浏览器,在一个系统login的时候我们一般会记住密码,那么在整个系统中,浏览器一旦遇到 type="password"的控件,就会把密码自动填充到该控件.非常烦恼,问了一下同事有人说可以用autocomplete="off" 来禁用自动填充, 经过简单的实践没有达到我的需求.于是回到最原始的解决方案.比如html如下 <input type="password"  name="admin…