使用Cookie实现记住密码

最新推荐文章于 2023-04-06 23:19:31 发布

李先坤

最新推荐文章于 2023-04-06 23:19:31 发布

阅读量56

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_43391261/article/details/127244444

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    用户名：<input type="text" id="username"><br>
    密码：<input type="text" id="pwd"><br>
    记住密码：<input type="checkbox" id="rem"><br>
    <button onclick="login()">登录</button>
</body>

</html>
<script src="./js/myCookie.js"></script>
<script>
    if (getCookie('rember')) {
        document.getElementById('username').value = getCookie('username');
        document.getElementById('pwd').value = getCookie('password');
        document.getElementById('rem').checked = getCookie('rember');
    }
    function login() {
        var name = document.getElementById('username').value;
        var pwd = document.getElementById('pwd').value;
        var rem = document.getElementById('rem').checked;
        // console.log(name, pwd, rem);
        if (rem) {
            setCookie('username', name);
            setCookie('password', pwd);
            setCookie('rember', rem);

        } else {
            delCookie('username');
            delCookie('password');
            delCookie('rember');

        }
    }
</script>