登陆时 前端如何干掉浏览器记住密码

在一些场景中  我们为安全考虑  需要禁用浏览器识别账号密码功能   归其原因 主要是type = 'password' 导致的。

那么就好解决了   大部分的解决方案停留在autocomplete="off"  亲测无效

来看我们的方案

首先第一步 

<input  id="password"   value="" placeholder="请输入密码" >

先干掉  type="password"  先解决浏览器识别的问题  保证它不弹出提示保存账号密码了

那么问题来了  输入框变成了明文了  也太不安全了吧  旁边有人偷窥0.0

好，css有这么一个被遗忘的属性 -webkit-text-security: disc;  当然这个属性有很多值 根据自己需要 我这里选择了实心的黑圆点

<input  id="password" style="-webkit-text-security: disc;"   value="" placeholder="请输入密码" >

哈哈 一个密码框样子的 输入框就完成了