Local Storage来记住登录名和密码

Local Storage来记住登录名和密码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    用户名:<input id="user" type="text">
    <br>
    密 码:<input id="pwd" type="password">
    <br>
    <input id="check" type="checkbox">记住用户名和密码
    <br>
    <button id="btn" type="">登录</button>
    <button id="del" type="">删除storage</button>
    <script type="text/javascript">

        var u = window.localStorage.getItem('user');

        var p = window.localStorage.getItem('pwd');

        if(u){

            user.value = u;
        }

        if(p){

            pwd.value = p;
        }

        btn.onclick = function(){

            if(check.checked){

                localStorage.setItem('user',user.value);

                localStorage.setItem('pwd',pwd.value);
            }

        }

        del.onclick = function(){


            localStorage.removeItem('user');

            localStorage.removeItem('pwd');

        }

    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/Stay_Hungry_Stay/article/details/81226550