tofacebook.com -专业IT技术社区 【百家号】脸书百科,html input组织自动补全 Web程序 - tofacebook.com-专业IT技术社区
85°

【百家号】脸书百科,html input组织自动补全 Web程序

标签:evel   表单   doc   影响   one   put   eve   style   off   

Mozilla 官方文档建议

Mozilla developer documentation 建议使用表单设置属性 tautocomplete=”off” 来阻止浏览器从cache获取数据填充登录表单。

 <input type="text" name="foo" autocomplete="off" /> 

但是这种方案不兼容某些Chrome、Firefox。

兼容所有浏览器

最终决定使用使用隐藏input来接受浏览器自动填充,这样不会影响用户体验,也可以兼容所有浏览器。

  <input style="display:none"><!-- for disable autocomplete on chrome --> <input type="text" id="username" name="username" autocomplete="off"> 

但是实际上在Chrome上并没什么用,在FireFox上也只能阻止用户名自动填充。

接着搜索,又发现了个新东西

<input type="password" autocomplete="new-password"> 

把password的autocomplete属性由off变成了new-password,发现Chrome不自动填充了,但是FireFox上仍然会填充用户名

再接着结合第一点尝试,最后结果是使用以下方式

 <input type="password" style="display: none;"/> <input type="text" autocomplete="off"/> <input class="form-control" type="password" name="tradePassword" id="txPassword" autocomplete="new-password" 

这样在Chrome和FireFox上就都不会填充了。

html input组织自动补全

标签:evel   表单   doc   影响   one   put   eve   style   off   

原文地址:https://www.cnblogs.com/cacasala/p/9376965.html


本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。

已有 0 条评论

    我有话说: