formautocomplete=-off-失败的解决方法

时间：2023-04-05 17:33:40 HTML5

1.autocomplete介绍autocomplete是Html5中的一个新属性。此属性指定输入字段是否应启用自动完成。自动完成允许浏览器预测字段的输入。当用户开始在字段中输入时，浏览器应根据先前输入的值显示字段中填充的选项。此属性适用于

和以下类型。文本、搜索、电话、电子邮件、密码、日期选择器、范围和颜色。该属性有两个值，on和off。on是默认值，指定启用自动完成。off指定关闭自动补全功能。2.当autocomplete="off"对一个项目不起作用时，有这个就方便了。但是当我们做诸如为用户找回密码，或者重置密码之类的事情时，这就不太好了。当输入的类型是文本时，自动完成是听话的。但是当它是paddword时，found不起作用。仍然会提示输入密码。这时候上网查了一下方法，自己试了一下。接下来我们总结一下。1.先设置属性readonly，然后在点击那个元素的时候设置readonly为false。我用这个方法解决了。html代码js代码（假设引入了jquery）$(".pwd").on("click",function(){$(this).attr("readonly",false)})2.先设置其类型为文本，然后单击时将其类型更改为passwordhtml代码js代码（假设引入了jquery）$(".pwd").on("click",function(){$(this).attr("type","text")})3.可以先写一个类型为文本的输入框，再写一个类型为密码的输入框。但是这次密码框是隐藏的。单击文本框时。使文本框消失并显示密码框。其实思路和上面是一样的。4.网上还有一种说法，就是把autocomplete的值写成'new-complete'。网易登录邮箱就是这样写的。但是我用这个方法试验后，是不行的。你可以试试~

上一篇：Java泛型的图解，写的很好！

下一篇：CSS阴影效果对比：drop-Shadow和box-Shadow

formautocomplete=-off-失败的解决方法相关文章