html登录 ——记住密码 cookie

最新推荐文章于 2024-06-02 17:15:45 发布

奋斗吧土豆

最新推荐文章于 2024-06-02 17:15:45 发布

阅读量1k

点赞数

分类专栏： js 文章标签： cookie 记住密码

本文链接：https://blog.csdn.net/qq_34560417/article/details/83275847

版权

这个HTML登录页面示例展示了如何使用jQuery和cookie插件实现记住密码功能。当用户勾选记住密码选项时，账号和经过base64加密的密码会被存储为cookie，下次登录时自动填充。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>登录页面</title>
        <link rel="stylesheet" href="layui/css/layui.css">
        <script src="js/jquery.js"></script>
        <script src="js/jquery.cookie.js"></script>
        <script src="js/jquery.base64.js"></script>
        <style type="text/css">
            html,body{
                height:100%;
                width:100%;
                background-color: #53E3A6;
            }
            .div1{
                height: 300px;
                width: 400px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -150px;
                margin-left: -200px;
                background: #F0F0F0;
                text-align: center;
                padding-top: 10px;
            }
        </style>
    </head>
    <body οnlοad="getCookie();">
        <div class="div1">
            <h2>后台管理系统</h2>
            <div>
                <div style="margin: 10px;">
                  <input id="zhanghao" type="text" name="zhanghao" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input" value="admin">
                &

最低0.47元/天解锁文章

奋斗吧土豆

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
html登录 ——记住密码 cookie

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;登录页面&lt;/title&gt; &lt;link rel="stylesheet" href="layui
复制链接

扫一扫