去除表单自动填入密码

  • 在表单头设置一个type类型为password的input,超出隐藏,自动填充密码是根据type判断,这时自动填充就会填充到这个超出隐藏的input框内
    <input type="password" style="position:fixed;bottom:-9999px"/>
  • 使用h5属性autocomplete=“new-password”,正常来讲该属性作用为阻止自动填充,值赋为“off”会阻止自动填充才对,但这里赋为“new-password”才有用
  <input type="password" autocomplete="new-password" />
  • 在文档加载完成后讲密码输入框设置为空
  window.laod = fcuntion() {
    document.getElementById('#password').value = ''
  }
  • 在用户名和密码之间加上一个隐藏的文本框
  <input type="text" />
  <input type="hidden" />
  <input type="password" />
  • 把input的type="password"改为type="text",并把focus事件设为onfocus="this.type=password"

注意:经过测试,目前来看在chrome,vue2.x中1、2方法有效,3,4,5方法无效


Bill
163 声望11 粉丝

职业:网管