当前端 <input />
的 type=’password‘ 时,浏览器为了优化用户体验,会在表单提交后提示用户记住密码
如果不想要这样的行为,最简单的当然是提示用户自己在浏览器设置中进行相关配置
如果希望在代码层面阻止浏览器提示是否记住密码或者自动填充密码,应该怎么做呢?
方法一:使用 -webkit-text-security
缺点:浏览器兼容性较差
优点:配置简单,使用方便
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8292101d6539ddab2de37bfa9456c91e.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5a916fe530791a79d8c1b2ac64f558de.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fd837ff05b4eb91d04d0f442ffcd35cb.png)
方法二:手动将用户输入替换为小圆点
缺点:当用户将光标移动到输入的中间进行操作时,难以处理相关操作
优点:浏览器兼容性好
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/aac5927be4c9f37ca0f33b5d3803e5fa.png)