autocomplete

大家都知道autocomplete属性是表单字段中的HTML5新属性，该属性有两种状态值，分别为"on" 和 "off"，该属性可省略：省略属性值后默认值为"on"，也可以省略属性名，直接写入关键字on或off。 网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器中，问题来了： 首先从登录弹框中登陆成功，chrome会弹出是否保存密码的提示框，点击保存密码按钮， 然后接着退出账户， 这时打开注册弹框，你会发现注册弹框中用户名和密码也被默认填写进去了（登录弹框中默认填写进去符合逻辑）， 这现象就诡异了，开始各种查，cookie，本地缓存，等等，都解决不了这问题； 查阅后，很多没有这个的解决方案。 1 通常我们会在form表单上加入autocomplete="off" 或者 在输入框中加入autocomplete="off" 2 但是有一种情况例外，就是表单中有input[type="password"]，点击保存密码后，在Chrome浏览器则自动填充了用户名和密码的输入框；为了统一样式，我们需要就对Chrome的问题经行单独处理。 总结了3种解决方案，如下： 　　1 修改value值（目前已失效，随着chrome版本的升级，现今版本已不再能获取到value值了，所以无法对其进行操作，貌似chrome自动填充的表单的value值是存在 　　　　　

哈哈哈，是不是标题很长呀，不逗你们了。其实这么长的标题主要就说了两件事： 　　第一件：解决Chrome浏览器自动记录用户名和密码的黄色背景问题。 　　第二件：输入完用户名后按下tab键切换至下一个输入密码input。这个效果和第一件的解决方案有些冲突。这里也用一种简单粗暴的方式解决了。 　　那我们接下来先解决第一件事：Chrome浏览器自动记录用户名和密码的黄色背景问题。 　　这个问题我上网查了很多解决方法，大致就是以下几点，那如果就是总结，这篇文章也没有写的必要，问题就在于我试了下文所有的方法，都不好使，所以，我自己想出了解决办法，简单粗暴，请大家耐心看下去： 　　　　1.如果想去掉黄色背景，但是保留自动记录用户名和密码的，使用box-shadow,利用阴影可以解决。但是一旦input背景为图片或是透明，那么，这个办法解决不了这个问题。 　　　　2.那既然这样，就不要记住密码和用户名了，于是网上又有如下的集中解决方案： 　　　　　　1).通常会在form表单上加入autocomplete="off" 或者 在输入框中加入autocomplete="off"。 　　　　　　2).修改disabled属性： if(navigator.userAgent.toLowerCase().indexOf("chrome") != -1){ var inputers = document

Chrome会在客户登陆过某网站之后, 会自动记住密码 当你下次再次进入该网站的时候, 可以自由的选择登陆的账号, Chrome会为你自动填充密码. 而你无需再输入密码 这本身是一个很好的功能, 但是对于开发者而言, 却有一个很让人难受的问题. 当你选择账号密码之后, 你的输入框会变成黄色… x黄色 (额. 只是因为我单纯的不喜欢这个颜色. 勿喷, 谢谢). 之所以出现这样的样式, 是因为Chrome会自动为input增加如下样式. input :-webkit-autofill, textarea :-webkit-autofill, select :-webkit-autofill { background-color: rgb(250, 255, 189); background-image: none; color: rgb(0, 0, 0); } 这个样式的优先级也比较高. 无法通过important覆盖(这就比较恶心了). 解决方法 关闭浏览器自带填充表单功能 如果你的网站安全级别高一些, 可以直接关闭. 也不需要再调样式了. < form autocomplete= "off"> < input type= "text" autocomplete= "off"> PS: 毕竟是一个很好的功能, 关了多不方便. 通过纯色的阴影覆盖底(huang)色 input :

　　最近在整理项目的时候，遇到了一个chrome浏览器自动填充的样式问题， 用户名跟密码的input都设置为透明颜色，但是会变成黄色，打开chrome调试工具，发现有个input:-webkit-autofill的 background-color: rgb(250, 255, 189)!important;这个样式，网上查询得三种方案，一种是把input自动输入关闭 autocomplete= "off"，第二种是设置box-shadow阴影覆盖默认样式， input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #333; } 　　但是这种只适用于纯色背景 　　第三种是通过延长增加自动填充背景色的方式, 是用户感受不到样式的变化 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color

今天收到两个Tester提的Bug是在部分Form中，有自动填充现象，Chrome还好是focus时候有下拉提示，Edge和Firefox直接填充了，第一时间想到了autocomplete属性，但是无果，因为不了解Browser填充原理，只能暂时通过Google来解决，而且是Try-Try-Try，不知道那个属性可以有作用，最后发现一个解决办法 Disabling Chrome Autofill ，没错，又是万能的Stackoverflow，以前都是只看被采纳的Answer，这次最终选择的是没有被采纳的。 <!-- fake fields are a workaround for chrome autofill getting the wrong fields --> <input style="display:none" type="text" name="fakeusernameremembered"/> <input style="display:none" type="password" name="fakepasswordremembered"/> 这个方法只进行了Edge/Firefox/Chrome的测试，如果有需要，请自行测试，测试结果可以Append到Comment中。（如果不起作用，可以尝试 autocomplete属性 ） 来源： oschina 链接：

问题： This post is a Community Wiki . 这篇文章是社区维基 。 Edit existing answers to improve this post. 编辑现有答案以改善此职位。 It is not currently accepting new answers. 它当前不接受新的答案。 Learn more . 了解更多 。 I have been running into issues with the chrome autofill behavior on several forms. 我一直在遇到几种形式的Chrome自动填充行为问题。 The fields in the form all have very common and accurate names, such as "email", "name", or "password", and they also have autocomplete="off" set. 表单中的所有字段都有非常通用且准确的名称，例如“电子邮件”，“名称”或“密码”，并且还设置了 autocomplete="off" 。 The autocomplete flag has successfully disabled the autocomplete behavior, where a dropdown

$.ajax({ url : form.attr( 'action' ), type : 'POST' , cache : false , data : new FormData($('#form')[0 ]), processData : false , contentType : false , success : function (result) { // do something } }); < form id ="form" autocomplete ="off" class ="form-horizontal" role ="form" th:action ="@{/app/wuliu/yundan/save/}" enctype ="multipart/form-data" > 来源： oschina 链接： https://my.oschina.net/u/4400708/blog/4267754

一、前言 　　在没有接触 React、Angular、Vue 这类 MVVM 的前端框架之前，无法抛弃 Jquery 的重要理由，除了优秀的前端 DOM 元素操作性以外，能够非常便捷的发起 http 请求也占有非常重要的地位。 　　既然我们已经开始使用 Vue 进行前端开发，抛弃了对页面 DOM 元素的操作，难道，为了方便的发起 http 请求，还需要在项目中加载 jquery 或者是手动创建 http 请求吗？ 　　答案当然是不用的，作为目前主流的前端框架，开发者、社区早已经为我们提供好了解决方案。随着 Vue 作者尤雨溪宣布不再维护 vue-resource，转而推荐大家使用 axios，目前在 Vue 社区中 axios 开始占据 http 库的主导地位，所以这一章我们就介绍下如何使用 axios 发起 http 请求。 　　学习系列目录地址： https://www.cnblogs.com/danvic712/p/9549100.html 　　仓储地址（前端）： https://github.com/Lanesra712/VueTrial/blob/master/chapter02-bronze/front/axios.html 　　仓储地址（后端）： https://github.com/Lanesra712/VueTrial/tree/master/chapter02