html密码账号自动填充怎么避免autocomplete

自动填充大多数情况下可以使用使用者效率提升，但是有些特殊情况下，浏览器会识别错误或者开发者根本不需要自动填充内容的时候，也是比较头痛的事情，还有可能导致页面代码产生异常动作

以下是网上找的方法：第三,四种方法有效,建议使用第四种

方法一:设置autocomplete=‘off’,适用于普通文本框

//用户名
<input type="text" autoComplete="off" name='name'/>

方法二:设置autocomplete=‘new-password’，适用于密码输入框

//密码
<input type="password" autoComplete="new_password" name='password'/>

方法三:设置autocomplete=‘off’,在input上面各加上一个隐藏的input,type设置成text,点击后改成password,但是容易造成表单提交时候数据混乱的问题,需要看一下js是否处理了提交数据,根据ID或者class取值,而不是根据name取值.

//密码
<input type="text" name="name" style="display: none"/>
<input type="text" name="username" AUTOCOMPLETE="off" />

<input type="password" style="display: none"/>
<input type="text" name="password" AUTOCOMPLETE="off" onfocus="this.type='password'" />

方法四:将input的属性设置成只读,onfocus函数,当点击input时候将只读属性去掉

//用户名
<input type="text" readonly onfocus="this.removeAttribute('readonly');" name="username" />
//密码
<input type="password" readonly onfocus="this.removeAttribute('readonly')" name='password'/>

版权属于：Joyber

本文链接：https://blog.qqvbc.com/default/admin.html

转载时须注明出处及本声明