前端 input type=“password“ 实现禁止浏览器记住账号、密码的功能

原创于 2021-01-27 16:51:37 发布 · 5.2k 阅读

5 ·

CC 4.0 BY-SA版权

element-ui 同时被 2 个专栏收录

23 篇文章

订阅专栏

vxe-table tree

2 篇文章

订阅专栏

本文介绍了两种防止浏览器记住账号和密码的方法：一是通过设置name属性为'zzzz'，添加隐藏input并禁用autocomplete；二是使用autocomplete='new-password'属性。然而，谷歌浏览器可能需要将两个密码框的name设为相同才能有效避免记住密码。需要注意的是，这些方法在某些情况下可能无效，如火狐浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一 name=“zzzz” 保持一致，多写几个input 隐藏， autocomplete=“off”

<el-input v-show="false" name="zzzz" type="text" />
<el-input v-show="false" name="zzzz" type="password" />
<el-input
  ref="password"
  v-model="loginForm.password"
  name="zzzz"
  placeholder="请输入密码"
  tabindex="2"
  autocomplete="off"
  @keyup.enter.native="handleLogin(0)"
/>

方法二 autocomplete=“new-password”

<input type="password" style="display:none">
<input type="password"  placeholder="请输入密码" autocomplete="new-password" />

谷歌浏览器比较吊，只加上一个隐藏密码框还是不行的，把两个密码框名字改成一样的就好了，这家伙就找不到了

注意：有可能不起作用可以尝试再找找其他方法有时还是会弹出来尤其是火狐浏览器

前端 input type=“password“ 实现禁止浏览器记住账号、密码的功能

方法一 name=“zzzz” 保持一致， 多写几个input 隐藏 ， autocomplete=“off”

方法二 autocomplete=“new-password”

谷歌浏览器比较吊，只加上一个隐藏密码框还是不行的，把两个密码框名字改成一样的就好了，这家伙就找不到了

方法一 name=“zzzz” 保持一致，多写几个input 隐藏， autocomplete=“off”