html 记住密码提示框,前端禁止浏览器自动保存密码弹框

前端开发用的什么软件 应聘前端开发需要做什么 前端开发的部门是什么意思

问题描述:浏览器会提供自动保存密码功能,我刚刚输入了用户名和密码,单击了浏览器提供的保存密码。而当我访问另外一个页面的时候,因为存在一个type=password的input,在谷歌浏览器中,却在这里把我刚刚保存的用户名和密码显示出来了,这是问题之一。

问题之二,我这里是一个要输入信用卡CVV Code的区域,因为是CVV Code,所以设置成了type=password,但这样的话,我单击下一步,IE、Chrome、FireFox都弹出了自动保存密码的对话框,这里并不是密码,却有提示,很不友好。

为解决这两个问题,浏览了一些国内和国外的网站。

**对于问题一:**是因为type=password引起的,保存了密码之后,进入另一个页面的时候,如果有type=password,浏览器会寻找与它临近的input type=text,将用户名填上。

由此,解决方法有:仍然使用type=password,只是增加了fake input control,即在此之前加上[code][/code],用于混淆浏览器。

第二个方法,使用type=text,当用户输入密码的时候进行编码,即转换成小圆点,这里写了一段代码,首先是两个控件,hidden的控件用于提交表单:

[code]

[/code]

用于编码的

对于问题二:

原来有个属性autocomplete=off,现在随着浏览器的升级,IE11,Chrome34+,FireFox30都不再支持这个属性了,由此使用这个方法不能解决问题二。

关于各大浏览器disable这个属性,有的说是,用户输入用户名和密码后,浏览器没有弹出自动保存密码的对话框的话,用户会认为浏览器有问题;还有人认为这是浏览器的bug。

现在用的是两个fake input control,即在原来的type=password控件前添加:

[code]

[/code]

这样一来,IE和Chrome不再弹了,但是火狐还是会弹出自动保存密码对话框。

什么是安卓前端开发 什么是前端开发的环境 前端开发需要什么书

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值