浏览器记住密码整理(三)

一、浏览器自动记住密码功能

1.现在浏览器对表单中的密码域都有自动记住密码功能,只要表单中有密码域就会提示自动记住密码

2.浏览器记住密码功能和表单自动完成是两个独立的功能

3.记住密码功能对整个网站都起作用,跟页面没有关系。也就是说某个页面中记录的密码,在其他页面也会自动完成,只要表单中有密码域就会自动加载

4.这个功能和表单自动完成没有关系,autocomplete设置为off,也会自动加载

5.这个功能跟表单的密码域的名称没有关系

6.这个功能跟表单是否使用submit提交还是使用ajax提交没有关系

二、记住密码和域名相关

1.不同域名的记住密码数据互不干涉

2.对于localhost的本地测试域名 Google和FF浏览器都会记住密码,但是在FF浏览器中对localhost域名记住的用户名密码清除不掉,

也就是在浏览器点击删除历史记录对localhost域名的密码不起作用
3.特别说明,在360浏览器中,记住密码功能将会导致替换掉表单输入框的默认值value,对于其他页面也使用到密码域的地方需要特殊处理一下
 

三、取消浏览器自动记住密码功能

方法1:取消使用浏览器自带的password密码域

方法2:页面延迟加载password密码域

在页面加载成功,再将页面中的文本框设置为type=‘’password’

特别说明:仅使用onload事件对于现在的360浏览器不起作用,解决方案是再使用setTimeOut等待一段时间执行。

示例如下:

    <form action="" class="form form-horizontal" autocomplete="off">
        <div class="form-group">
            <label for="" class="content-label">
                    用户名:
                </label>
            <input name="UserName" autocomplete="off" type="text" class="form-control">
        </div>

        <div class="form-group">
            <label for="" class="content-label">
                    密码:
                </label>
            <input id='Password3' name="Password3" type="text" class="form-control" />
        </div>
        <div class="form-group">
            <input type="submit" value="登录" class="btn btn-primary">
        </div>
    </form>
window.onload = function () {
    setTimeout(function () {
        console.info(3);
        $('#Password3').prop('type', 'password');
    }, 100);
}

 

更多:

浏览器记住密码、浏览器记住密码表单自动加载

阻止浏览器记住密码功能

HTML5 autocomplete属性、表单自动完成

posted @ 2017-07-05 16:19  天马3798  阅读(2224)  评论(0编辑  收藏  举报