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

来源:互联网 发布:mac音频播放器 编辑:程序博客网 时间:2024/06/15 16:43
<!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>