关于谷歌浏览器下自动填写密码的bug

有的时候我们需要用到h5中input的新类型,type=password 这个可以很好的将输入的内容变成圆点,但是这样做也有一个小bug就是在某些我们不希望自动保存密码的页面中,也会出现浏览器自动帮我们填入密码,比如修改密码页面中

这个旧密码的输入框只要鼠标焦点失去时为空就会帮我们自动填入一个密码,你还不知道帮你填的是你什么时候保存过的,就连清楚浏览器缓存都不行,实在很烦人,那么如果避免这个小bug呢,那就是不用password

这其实有很多办法,最简单的方法是这么写

<input type=text onfocus="this.type=password">

  这样在dom渲染时,浏览器为把起作为text,而不会自动填写我们自动保存的密码,然后在输入的时候会改为password类型,所以是密文的形式

当然,你也可以做两个text的input框,一个用来显示用户输入的show,以及一个hide的input框,将用户输入的val同步保存到该输入框中,然后在通过change事件将用户输入框中的内容替换为*。

或者就是找到(尤其是谷歌浏览器中)保存密码的原理和位置,然后对症下药,不过我是不太清楚,毕竟代码新人嘛

时间: 2024-08-03 23:45:02

关于谷歌浏览器下自动填写密码的bug的相关文章

盒子 收藏帖子 转移-实现向网页自动填写用户名密码并自动点击登录按钮 完成全自动凳录

//实现向网页自动填写用户名密码并自动点击登录按钮 完成全自动凳录 Function FillForm(WebBrowser: TWebBrowser2; FieldName: String; Value: String): Boolean; Var i, j: Integer; FormItem: Variant; Begin Result := False; //no form on document If WebBrowser.OleObject.Document.all.tags('FO

如何手动触发谷歌浏览器自动填充密码

谷歌浏览器自带了一个密码管理器功能,这个功能应该大家或多或少都应该有听说过或者使用过这个功能. 这个功能主要的内容就是,当用户在网页上输入了用户名,密码登陆或者修改密码表单提交时会触发自动保存密码这个功能.如果用户所使用的电脑不是公共电脑,就可以保存此密码. 在登陆页面表单中,谷歌浏览器会拉出自动表单,可以对页面自动填充,方便快速登陆. 可是,在有些情况下,并不想触发这个功能.主要有这两种: 1. 网站开发者不希望页面触发自动密码保存功能,可能的原因是认为自动保存密码不安全,网站提供了短信验证码

[转载]WebBrowser控件表单(form)的自动填写和提交

话说有了WebBrowser类,终于不用自己手动封装SHDocVw的AxWebBrowser这个ActiveX控件了.这个类如果仅仅作为一个和IE一模一样浏览器,那就太没意思了(还不如直接用IE呢).那么,无论我们是想做一个"定制版IE",还是希望利用HTML来做用户界面(指WinApp而非WebApp.许多单机软件,包括Windows的帮助支持中心,都是HTML做的),都少不了Windows Form和包含在WebBrowser中的Web页面的交互.本文将通过几个实际的例子,初步介绍

android获取短信验证码并自动填写的实现一

android获取短信验证码并自动填写的实现一 android获取短信验证码并自动填写的实现一,有需要的朋友可以参考下. 现在的应用在注册登录或者修改密码中都用到了短信验证码,那在android中是如何实现获取短信验证码并自动填写的呢? 首先,需要要在manifest中注册接收和读取短信的权限: <uses-permission android:name="android.permission.RECEIVE_SMS"></uses-permission> &l

自动填写表单有风险吗?

使用一些方法获得 Cookie,即使能控制账号,但其密码仍无法得知,随时都有可能失去控制权,一些用户有让浏览器自动保存密码的习惯.通过这点,是否能套出记住的密码来呢?  分析下浏览器是如何自动填写页面表单的.其实很简单,浏览器发现页面 URL 和表单名匹配记录里的,就自动填上了. 要是在流量可控的网络里,剥离页面所有内容只剩表单,又会如何?  保存着的密码仍能自动填上,并且可被脚本访问到! 如果在用户访问的页面里,创建大量的隐藏框架页,即可尝试获取各种网站保存着的账号了.(不过如今 Chrome

Debian下自动备份文件并上传到远程FTP服务器且删除指定日期前的备份Shell脚本

说明:  1.备份目录/home/osyunwei下面所有的文件到/home/osyunweibak里面,并且保存为osyunwei20120701.tar.gz的压缩文件格式(2012_07_01是指备份执行时当天的日期),最后只保留最近7天的备份 2.上传/home/osyunweibak里面的备份文件到远程FTP服务器上,并且只保留最近7天的备份. 3.FTP服务器:192.168.21.139 端口:21 账号:osyunwei 密码:123456 osyunweibak为备份文件存放目

在linux和windows下自动备份数据库

摘要: 详细介绍在windows和linux下自动备份数据库的过程,希望可以让新手立即上手吧! 本文档内容共分为2大部分:linux和windows Linux和windows都分为:准备工作和操作阶段. Linux的详细步骤为:1.准备文件. 2.连接linux 3.实际操作也就是写命令 windows的详细步骤为:1.准备文件. 2.编辑任务和计划程序. 所用软件:notepad++,ssh 一.linux 1.准备工作(可以在windows下执行本操作) 创建三个文件 1.1文件名:exp

关于MAC下重置MYSQL密码

刚开始送的随机密码真是让我无力吐槽 最后在贴吧大神的帮助下完成了密码的重置,恩,下面是大神的方法. http://dev.mysql.com/doc/refman/5.7/en/resetting-permissions.html亲测方法3,已成功重置密码.(感谢@非常,告诉我官网就有重置方法,网上搜了一堆堆...另外,step1和2来源于http://www.2cto.com/database/201303/197067.html英文不好,官方的没太看明白# #)step1: 苹果->系统偏好

Android Studio第二期 - 短信自动填写项目流程讲解

首先这个东西是这样的流程: 不管你用mob还是移动还是自己的短信接口都一样的,在发送验证码的部分去请求,然后服务器返回给你短信息,然后你自己处理,达到效果. 这样一说就是只需要去监听短信息的数据库变化就可以了,并且要监听到你想要的那一条. 首先是 ContentObserver import android.annotation.SuppressLint; import android.content.Context; import android.database.ContentObserve