当前位置: 首页 > Web前端 > HTML

浏览器保存密码后自动填充问题

时间:2023-04-02 16:39:38 HTML

.hidden-input{位置:相对;宽度:0;高度:0;overflow:hidden;}/*使input不可见,而不是直接display:none,如果直接display:none,则不会生效*/.hidden-input.form-control{position:absolute;左:-1000px;}浏览器保存后自动填写密码下载已保存的账号密码,给用户带来不便。HTML5新增属性autocomplete="off",但没有效果。经过反复测试浏览器的自动填充机制,发现浏览器的自动填充机制是令人满意的:当页面中有type=password的输入,并且输入前面有type=text的输入时,会自动填充。firefox和360浏览器的处理方式是:只要检测到页面有填充机制,不管是否display:none,只要检测到就直接填充.而符合条件的就填几个。chrome54版本略有不同:满足以上条件,页面中只有一个type=password的输入。才会在第一次输入type=text时自动填写账号,输入type=password时自动填写密码。解决方案那么根据这个机制,我的解决方案是:在第一个type=textinput前面加一个hiddentype=textinput,在第一个type=passwordinput=inputofpassword前面加一个hiddentype。.hidden-input{位置:相对;宽度:0;高度:0;overflow:hidden;}/*使input不可见,而不是直接display:none,如果直接display:none,则不会生效*/.hidden-input.form-control{position:absolute;左:-1000px;}提现地址

备注<输入type="text"autocomplete="off"class="form-controlbg-transparent"placeholder="remarks">交易密码确定提交目前(2018-09)此方法在chrome、firefox即360、ios、Android等设备所有浏览器均有效!2019.02.20修改在最近的项目中,发现在Chrome(72.0.3626.109)版本中只使用一个hidden-input不生效。试试加一个hidden-input,比如: