解决记住登录账号密码的网站，会将账号密码回显到输入框问题

场景：某个网站登录时在浏览器会选择保存密码，则在页面上的输入框内会将该网站保存过的账号或密码回显。一般这种需求对用户是不需要的，所以下面为解决此问题的方法?：

1.input 标签不要用id选择器，去掉就不会自动回填浏览器自动保存的用户名,密码了。可以用class类选择器。

2.解决密码回显：

2.1 “大部分浏览器都是根据表单域的type="password"来判断密码域”，因此解决办法：“动态改变文本框”

所以在页面加载时不让它是密码框，改成文本框，果然密码就匹配不上了。当该密码框获取焦点后改变他的type属性 this.type="password",这种写法可以实现功能。但使用IE浏览器测试时发现在IE8及以下的浏览器中this.type会报错。该方法还是不能彻底解决这个问题。

2.2 在文本框外面嵌套标签

<label id="password2"><input class="txt w-200" value="" type="text" id="SecondPwd" /></label>可以在文本框获取焦点之后直接改变label标签的html$("#SecondPwd").live('focus', function () {if ($(this).attr('type') == 'text') {/*改变label标签的html*/$('#password2').html('<input class="txt w-200" value="" type="password" id="SecondPwd" />');/*标签获取焦点*/$('#SecondPwd').focus();}})

这种写法在IE8及以下浏览器下面都可以实现效果，但经过后期测试又发现在360急速模式下面仍然能够填充上用户名和密码，还得找其他的解决办法

2.3 加载一个显示的文本框和隐藏的密码框

<label id="password1"><input class="txt w-200 fl" value="" type="text" name="txtPwd" id="txtPwd" /><input class="txt w-200 fl" value="" type="password" name="Pwd" id="Pwd" style="display: none" readonly="true" />//为了防止隐藏的文本框被匹配上  先设置为只读</label>当文本框再获取焦点之后$("[name=txtPwd]").live('focus', function () {/*当前文本框隐藏*/$(this).hide();/*隐藏的密码框显示并且获取焦点 只读属性去掉*/$('#pwd1').show().attr('readonly', false).focus();})

因此，如果要兼容所有的浏览器的话可以参考2.3这个方法。

解决记住登录账号密码的网站，会将账号密码回显到输入框问题相关推荐

element-ui 中 el-table 分页多选（记住上一页勾选数据）及编辑回显
element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显 element-ui 的官网是有属性的 el-table-colum 的 reserve-selection 属性 ...
网站服务器windows登陆密码忘记,网站服务器windows登陆密码忘记
网站服务器windows登陆密码忘记内容精选换一换本节操作以使用"Microsoft Remote Desktop for Mac"工具远程连接"Windows S ...
win10服务器ip地址修改密码,win10服务器ip地址修改密码
win10服务器ip地址修改密码内容精选换一换代码迁移工具进行代码迁移时,需要调用Linux下的rpm.deb等命令才能完成扫描和迁移相关任务,这些命令和逻辑必须在后端Linux运行.IDE插件 ...
如何让用户记住登录账号和密码？
你可能会说,记住用户名密码,本来就是份内的事啊!大不了找回密码,甚至还有1Password 等神器--但折腾用户不该是产品经理的目标,我们还是要找出这里的设计挑战. 这两个场景,背后有一个共同的因素, ...
解决chrome浏览器无法记住登录密码问题
有一天,在使用Chrome浏览器的过程中,发现之前保存的登录账号和密码消失不见,而且重新登录时选择浏览器记住/保存密码,下次登录依然需要重新输入. 由于账号.密码比较大,而且每个账号都有登录有效期,每 ...
php 登录保存在哪里看,Mac_MAC如何查看使用自动登录后保存的网站软件密码，　　我们在登录网站或软件时 - phpStudy...
MAC如何查看使用自动登录后保存的网站软件密码我们在登录网站或软件时,有些网站或软件需要输入登录密码,不过为了我们的使用方便,避免一遍遍的重输,我们通常会使用自动登录.不过,遇到我们更换电脑登录时, ...
网站输入正确账号密码页面刷新一下_Folx的密码管理保存网站登陆信息
Folx的密码管理保存网站登陆信息大家下载某个文件时,需要登录文件所在的网站才能进行下载,否则哪怕有下载链接也无权限进行文件下载,那Folx遇到这种情况是否就无法使用了呢?Folx的密码管理也能保存 ...
2020无人用的邮箱和密码大全_Amazon后台登录密码错误！如何辨别账号是否被冻结？...
啊你绝对不知道这里每天都会更新一些跨境电商实时动态. 卖家经验交流,跨境平台动态研究, 曝光销售技巧,转化技巧,站外引流的方法亚马逊后台登录密码错误,如何辨别账号是否被冻结?很多人一看到自己账号登 ...
FTP登录时一直弹出登录窗口，就算输入正确的账号密码也不能登录
FTP登录时一直弹出登录窗口,就算输入正确的账号密码也不能登录一.问题描述办公室的FTP本来用得好好的,结果有一天突然就不能用了.在文件资源管理器的地址栏输入FTP地址会正常弹出输入账号密码的对话 ...

解决记住登录账号密码的网站，会将账号密码回显到输入框问题

解决记住登录账号密码的网站，会将账号密码回显到输入框问题相关推荐

最新文章

热门文章