解决浏览器记住账户密码运用readonly属性

最新推荐文章于 2023-12-08 10:41:17 发布

郭浩326

最新推荐文章于 2023-12-08 10:41:17 发布

阅读量890

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/guohao326/article/details/76146505

版权

jquery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.11.0.min.js"></script>
</head>
<body>

    请输入密码：<input class="password" type="password" readonly placeholder="请输入密码" />
<!--
*解决一些客户特殊要求，浏览器不再记录登录密码
* 不用删除cook，运用“readonly”
*
    *readonly和Disabled是用在表单中的两个属性，
    *它们都能够做到使用户不能够更改表单域中的内容。
    *但是它们之间有着微小的差别，总结如下：
    ****************区别*********************
    *Readonly只针对input(text / password)和textarea有效，
    *而disabled对于所有的表单元素都有效，
    *包括select, radio, checkbox, button等。
    *但是表单元素在使用了disabled后，
    *当我们将表单以POST或GET的方式提交的话，
    *这个元素的值不会被传递出去，
    *而readonly会将该值传递出去
    *（这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，
    *但是submit button却是可以使用的）。
-->
</div>
<script>

    $(".password").focus(function(){
        $(this).removeAttr("readonly");
    });
    $(".password").blur(function(){
        $(this).attr("readonly","readonly");
    });
</script>
</body>
</html>