html验证用户名与密码

如何用HTML网页制作一个登录界面,并检测用户名和密码正不正确呢?

你题目的解答代码如下：

<html>
<head>
<title>用户登录</title>
</head>
<body>
<script language=javascript>
    var user = "abc";
    var password = "123";
    function check(f) //检测函数
    {
        if (f.user.value == "") //如果用户名为空
        {
            alert("请输入用户名！"); //弹出提示框
            f.user.focus(); //文本框获取焦点
            return false; //返回错误
        }
        if (f.pw.value == "") {
            alert("请输入密码！");
            f.pw.focus();
            return false;
        }
        if (f.user.value != user) //如果用户名输入错误
        {
            alert("用户名输入错误！"); //弹出提示框
            f.user.focus(); //文本框获取焦点
            return false; //返回错误
        }
        if (f.pw.value != password) {
            alert("密码输入错误！");
            f.pw.focus();
            return false;
        }
        alert("登录成功!");
        return false;
    }
</script>
<form onsubmit="return check(this)" action="">
用户名：<input type=text name=user><br>
密  码：<input type=password name=pw size=21><br>
<input type=submit value=提交>
</form>
</body>
</html>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

获取 input值。判断就行。可以用正则

用2个input，一个按钮；一个input作为账号，一个input作为密码，然后点击登录按钮时候将2个input值传给后台，后台校验是否一致，一致就返回成功，不一致就返回失败