html页面怎么记住密码,使用html的localstorage实现登录页面的记住密码功能

html代码：

记住密码

忘记密码?

js代码：

//实现记住密码功能

$(document).ready(function(){

var strName = localStorage.getItem('keyName');

var strPass = localStorage.getItem('keyPass');

if(strName){

$('#account').val(strName);

}if(strPass){

$('#password').val(strPass);

//登录时记住密码，退出后复选框为勾选状态；

$("#remcheckbox").prop("checked",true);

}

});

function loginBtn_click(){

var strName = $('#account').val();

var strPass = $('#password').val();

localStorage.setItem('keyName',strName);

/*复选框是inpu图片时*/

/*if( $('#remcheckbox').attr('src') == '../images/remempwd2.png'){*/

/*复选框是input标签时*/

if($('#remcheckbox').is(':checked')){

localStorage.setItem('keyPass',strPass);

}else{

localStorage.removeItem('keyPass');

}

}