HTML+CSS+JS实现系统登录

本文为实现一个简单的系统登录界面，并通过JS实现登录跳转。

1.首先编写一个自己喜欢的页面，码上见。

    
    
    



    

        
个人专属秘密花园系统
    

        

            

                用户：

                密码：

                重置
                登录
            


    

    

        
@yezijiang~
    

提图来见：

ps:个人觉得这张素材图不错哦，这里也分享给你们！

 素材图

 

2.对按钮进行跳转实现。分别实现“重置”与“登录”。因为没有连接数据库这里用户名和密码写定了，自行修改哈！

登录后跳转到主页。这里我今天还没写就不放图啦，自己发挥开心就好！

 function reset() {
          document.getElementById("name").value = "";
          document.getElementById("passwd").value = "";
    }
    function login() {
            var name = document.getElementById("name").value;
            var passwd = document.getElementById("passwd").value;
            if(name === "admin" && passwd === "123456"){
                window.location.href = './homepage.html';
            }
            else{
                alert("用户名或密码错误，请重新输入！");
            }
    }

点我进群     一起学习交流！

QQ群：741909960