美文网首页
解决360自动填充表单的问题

解决360自动填充表单的问题

作者: ITtian | 来源:发表于2017-08-17 23:35 被阅读76次

经过测试发现(360浏览器)在以下情况下会自动填充用户和密码信息:

  • 在用户和密码包含在form的情况下,同时包含一个 type="text"和 type="password"元素且不包含readonly和disabled属性,两个元素可以没有name和id属性
  • 在没有form的情况下,同时包含一个 type="text"和 type="password"元素且不包含readonly和disabled属性,且两个元素至少都有name或id属性(但name和id可以是任意值但不能是空或空格)

解决思路:写一个假的input让360自动填充,然后隐藏掉 。

经测试,style:none没用,只能使用visibility:'hidden'
<div style={{height: '0'}}>
      <input style={{visibility:'hidden'}} type="text" id="1"/>
      <input style={{visibility:'hidden'}} type="password" id="0"/>
</div>

成功解决掉问题

相关文章

网友评论

      本文标题:解决360自动填充表单的问题

      本文链接:https://www.haomeiwen.com/subject/jghorxtx.html