zoukankan      html  css  js  c++  java
  • input标签在谷歌浏览器记住密码下的一个自动填充BUG

    Chrome自带记住密码功能,带来了极大方便

    但是在点击保存之后,input标签会自动填充所保存的密码,如下图:

    而且填充得很乱,密码不一定就会填充在密码框里。解决这一个BUG,可以用下面这个方案:

    例如我们有个input标签:

    1 <input type="text" class="test" id="test"> 

    首先在这个input标签上面加一个display为none的input标签

    1 <input type="text"style="display: none">  
    2 <input type="text" class="test" id="test">

    然后为input加一个autocomplete="off"的属性,此属性是 HTML5 的新属性,自动完成允许浏览器预测对字段的输入,但是只只用于text, search, url, telephone, email, password, datepickers, range 以及 color类型的<input>和<form>,所以如果我们需要一个密码框,需要给input设置一个onfocus="this.type='password'" 

    1 <input type="text" class="test" id="test" style="display: none";>  
    2 <input type="text" class="test" id="test" placeholder="请输入密码" autocomplete="off" onfocus="this.type='password'">  
  • 相关阅读:
    sort函数的运用
    数据库设计三大范式
    LeetCode 64. 求1+2+…+n
    LeetCode 876. 链表的中间结点
    单链表的创建和基本操作 C语言
    LeetCode 365. 水壶问题
    LeetCode 1160. 拼写单词
    LeetCode 409. 最长回文串
    LeetCode 836. 矩形重叠
    LeetCode 7. 整数反转
  • 原文地址:https://www.cnblogs.com/dandeliongogo/p/6667607.html
Copyright © 2011-2022 走看看