关于表单屏蔽浏览器自动记住密码/自动明文提示的解决方案

最新推荐文章于 2024-08-14 18:05:17 发布

klsstt

最新推荐文章于 2024-08-14 18:05:17 发布

阅读量8k

点赞数

分类专栏： HTML5 JS 前端文章标签：表单

本文链接：https://blog.csdn.net/klsstt/article/details/78579256

版权

本文探讨了浏览器自动填充密码的问题，特别是在登录表单中出现的安全隐患。通过设置HTML的autocomplete属性为off，使用disabled或readonly属性，以及利用onfocus事件改变password类型的input，可以有效地防止浏览器自动记住和明文显示密码。该方案已在多个浏览器上测试成功。

摘要由CSDN通过智能技术生成

今天闲着无聊，发现淘宝登录的时候浏览器会自动填充密码，如果清理了之后自己输入，居然还会明文提示曾经输入过的密码，这样如果电脑他人使用，岂不是会存在一定的安全隐患，在网上找了很多资料来解决这个问题，现在记录一下。

先上代码：

<form action="#" name="f" method="post">

                    <div class="input_outer">
                        <span class="u_user"></span>
                        <input id="k_account" name="k_account"