chrome和firefox中autocomplete属性失效的解决方法

在写一个登陆页面的时候,打算把表单里input标签的自动完成功能关闭,于是把帐号和密码框的autocomplete属性设置为off。由于之前登陆选择了记住密码,每次在chrome和firefox打开或者刷新页面的时候都把帐号和密码给自动完成了。这也就算了,居然在清空了输入框的帐号以后,点击输入框还带有自动完成功能,这说明autocomplete功能完全没生效嘛。

然后谷歌之,却没找到真正的解决方法,要么就是打开浏览器设置将自动完成关闭的,要么是承认了这个现象的确存在却没有解决的方法。既然这样,只好自己搞定了,首先我尝试把密码框的type属性由password改为text,此时再刷新或者提交表单后打开此页面,浏览器就不再自动把帐号和密码填充了。看来原因就在于表单中出现了password类型的input标签,chrome和firefox是以这个为判断条件来构建记住密码这个功能的。那么怎么办呢,是不能把password框改为text类型的,不然用户输入密码一看是明文,那就太不对劲了。

不过既然浏览器以password类型的input标签为识别标准,那么在输出页面的时候完全可以把这个密码框的type设置为text,然后在用户点击密码框输密码时把这个密码框的type再变回password。照着这么一改,果然有效果,chrome和firefox都不会记住密码和自动完成了,这下问题成功解决。

转自 :http://www.bicky.me/blog/archive/chrome-and-firefox-autocomplete-not-working/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: input的autocomplete属性是用来指定输入框的自动完成选项的。当用户在输入框输入字符时,浏览器会根据输入的字符自动匹配出可能的选项,并在下拉列表展示出来。用户可以从下拉列表选择一个选项,或者继续输入字符以缩小匹配范围。autocomplete属性的值可以是on、off或者其他自定义值,用来控制自动完成功能的开启或关闭。 ### 回答2: autocomplete属性是一个用来控制表单输入框自动完成功能的属性。它有两种属性值:on 和 off。当autocomplete属性的值为on时,浏览器会自动记录用户输入的历史记录,并且能够根据之前输入的内容,给出相应的自动完成提示,以方便用户输入。而当值为off时,则关闭自动完成功能。 使用autocomplete属性能够提高用户体验,让用户更加方便快捷地输入信息。在一些需要频繁输入相同信息的场景下,比如注册、登录等,autocomplete属性能够减轻用户的输入负担,节省用户的时间和精力。 但是,在一些场景下,为了保护用户隐私,禁用autocomplete功能也是必要的。比如在涉及用户敏感信息的表单,禁用autocomplete能够保护用户输入的隐私信息不被存储在用户终端设备或浏览器,从而避免敏感信息被窃取或滥用。 总之,autocomplete属性在表单设计是一个十分实用的属性,可以根据具体情况来选择是否使用或禁用。需要根据用户的需求来选择使用。 ### 回答3: input的autocomplete属性是用来配置浏览器自动填充表单的策略的。当设置为“on”时,浏览器会自动填充之前用户输入过的内容,包括用户名、密码、地址等信息。当设置为“off”时,浏览器则不会填充任何信息。 另外,autocomplete还可以配合value属性使用,来实现用户输入提示的功能。例如,我们可以设置一个下拉列表,在用户输入关键字时,浏览器会推荐相应内容,用户只需要选择即可。这种功能在提升用户体验的同时,也可以减少误输入的情况,提高工作效率。 此外,autocomplete属性还可以设置为“new-password”和“current-password”,分别用于区分新密码和旧密码的输入。在用户第一次输入新密码时,浏览器会自动填充新密码,但在之后的登陆则只会填充旧密码。 需要注意的是,虽然可以使用autocomplete属性来方便用户的输入,但同时也存在一些安全问题,例如自动填充密码可能导致密码泄露。因此,我们需要仔细考虑autocomplete属性的设置,以保护用户的隐私和安全

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值