一个简单的静态邮箱登录界面

写在前面：

作业链接：https://edu.cnblogs.com/campus/xnsy/2020javaEE/homework/10742

已上传至github:https://github.com/Eleanoren/-/tree/master/website%20practice

效果

用户名是tom，密码是123，当输入错误时：

 

 账号密码为空：

 

 输入正确的账号密码时跳转：

 

 代码部分

首先是css，我随便写的，没有和原网页一致，差不多就好：

然后是js部分：

function cmd()
        {
            var number=document.getElementsByName("number").values;
            var password=document.getElementsByName("password").values;
            if(number==""||password=="")
            {
                alert("用户名和密码不能为空");
                return false;
            }
            else if(number=="tom"&&password=="123")
            {
                window.open(mail.swpu.edu.cn);
                return true;
            }
            else
            {
                alert("账号密码错误");
                return false;
            }