Local Storage来记住登录名和密码

最新推荐文章于 2022-04-27 01:00:33 发布

Endless-love

最新推荐文章于 2022-04-27 01:00:33 发布

阅读量779

点赞数

分类专栏： html5 前端关于前端的技术探讨文章标签： html5

本文链接：https://blog.csdn.net/stay_hungry_stay/article/details/81226550

版权

关于前端的技术探讨同时被 3 个专栏收录

28 篇文章 1 订阅

订阅专栏

前端

19 篇文章 0 订阅

订阅专栏

html5

5 篇文章 0 订阅

订阅专栏

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>