用javcscript记住用户名和密码保存在本地储存中，然后实现前端获取

<script type="text/javascript">

成都创新互联一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！为您提供成都做网站、网站制作、成都外贸网站建设、成都网页设计、微信小程序开发、成都网站开发、成都网站制作、成都软件开发、APP应用开发是成都本地专业的网站建设和网站设计公司，等你一起来见证！

window.onload=function(){
var Id = localStorage.getItem("txtId");

                    if(Id != null) //如果缓存中有数据，则加载出来 B5教程网
                    {
                        document.getElementById("txtId").value = Id;
                        document.getElementById("txtPwd").value = localStorage.getItem("txtPwd");
                        document.getElementById("chkRem").checked = "checked";
                    }

                    }
                    //将账号与密码保存到Localstore
                    function remPwd() {
                        var check = document.getElementById("chkRem");
                        if(check.checked) //判断记住密码项是否勾选，是则记住密码到本地缓存
                        {
                            var id = document.getElementById("txtId").value;
                            var pwd = document.getElementById("txtPwd").value;
                            localStorage.setItem("txtId", id);
                            localStorage.setItem("txtPwd", pwd);
                        } else //否则就移除本地缓存
                        {
                            localStorage.removeItem("txtId");
                            localStorage.removeItem("txtPwd");
                        }
                    }

</script>
</head>

<body class="bg-black">

        <div class="form-box" id="login-box" >
            <div class="header">登录页面</div>
            <form id="formLogin" action="user_loginApp.action" class="login" method="post">
                <div class="body bg-gray">
                    <div class="form-group">
                        <input type="text" name="loginName" id="txtId" class="form-control" placeholder="请输入用户名"   onblur="javascript:ok_or_errorBylogin(this)"/>
                    </div>
                    <div class="form-group">
                        <input type="password" name="password" id="txtPwd"class="form-control" placeholder="请输入密码" onBlur="javascript:ok_or_errorBylogin(this)" />
                    </div>

                    <div class="form-group">
                        <input type="checkbox" checked="checked" id="chkRem" name="remember_me"/> 记住密码
                    </div>
                </div>
                <div class="footer">
                    <button type="submit" class="btn bg-olive btn-block" id="login"


           <hr>
           <p>
              <b>
       XXXXXXX电子有限责任公司 </b> <br><b>XXXXXXXX有限责任公司<b>              联合开发<br /><b >                                            电话：0771-3304546</b><br>


           </p>

            </div></form>

</body>
</html>

当前文章：用javcscript记住用户名和密码保存在本地储存中，然后实现前端获取
链接地址：https://www.cdcxhl.com/article2/peciic.html

成都网站建设公司_创新互联，为您提供App设计、网站制作、全网营销推广、网站营销、网站建设、域名注册

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容

网站托管运营

外贸建站知识

同城分类信息