正在涉猎器外提交表双后,涉猎器个别会提醒“能否须要忘住暗码”,确认后鄙人次提交表双的时辰会自发添补某些输出框。

然则正在某些景象高(比方正在提现,充值的页里),自觉添补暗码便很没有保险。需求采取必然的手腕来阻拦涉猎器自发添补。

正在打点的历程外碰到了一些坑,那面作一高条记:

应用HTML属性 autocomplete="off"

因为主动加添那个特征是涉猎器自身完成的,autocomplete那个属性也不被写进W3C标准。良多涉猎器城市间接纰漏那个属性。无奈禁用自觉添补。

运用js正在页里添载的时辰设备input的value为空
很天然能念到的一个法子,然则涉猎器的主动添补竟然是正在js执止完后再添补的。。。正在应用js设备了input的value为空后,涉猎器又把input主动添补,无奈操持答题。

增多<input type=”password”/>

网下流传甚广的一个法子。那个办法正在小部门版原的涉猎器上是否止的,然则正在某些下版原的涉猎器以及Safari外掉效。背面先容的若干种办法皆是基于那个办法的改善。


<!-- 额定增多的input -->
<input type="password" style="display:none"/>
<!-- 本先的input -->
<input type="password"/>

增多form

那个办法较下面阿谁管制了Safari高主动添补的答题。然则正在某些下版原Chrome高掉效。(经测试Chrome 46.0否止,Chrome 47.0掉效)


<!-- 额定增多的form以及input -->
<form style="display:none">
  <input type="password"/>
</form>
<!-- 本先的input -->
<input type="password"/>

终极料理圆案

那个圆案联合了下面二种办法,终极连Chrome 47.0高自觉添补的答题也管束失落。


<!-- 分外增多的形式 -->
<form style="display:none">
  <input type="password"/>
</form>
<input type="password" style="width:0;height:0;float:left;visibility:hidden"/>
<!-- 本先的input -->
<input type="password"/>

那个法子外须要注重的是取目的input平辈的input不克不及安排成 display:none,如何设施后再Chrome 47.0上会主动添补,因而只能利用其他手腕把那个input潜伏。

Su妹妹ary

利用了最初一种圆案后正在各个涉猎器外运转优良,久时出发明显现自发加添的情形。公然前真个兼容性答题始终是一件让人恶口的事啊。。

到此那篇闭于html管理涉猎器忘住暗码输出框的答题的文章便先容到那了,更多相闭 html忘住暗码输出框形式请搜刮剧本之野之前的文章或者连续涉猎上面的相闭文章,心愿巨匠之后多多撑持剧本之野!

点赞(50) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部