以下是一个简单的HTML代码示例,用于验证用户名和密码:
<!DOCTYPE html>
<html>
<head>
<title>登录</title>
<script type="text/javascript">
function validateForm() {
var username = document.forms["loginForm"]["username"].value;
var password = document.forms["loginForm"]["password"].value;
// 在这里进行用户名和密码的验证逻辑
if (username === "" || password === "") {
alert("请输入用户名和密码");
return false;
} else if (username !== "admin" || password !== "123456") {
alert("用户名或密码错误");
return false;
}
}
</script>
</head>
<body>
<form name="loginForm" onsubmit="return validateForm()" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="登录">
</form>
</body>
</html>
上述代码创建了一个简单的登录表单,并使用JavaScript函数来验证输入的用户名和密码。在validateForm()函数中,可以根据需要编写自定义的验证逻辑。如果有任何错误或未输入内容,则会弹出相应提示框。
内容由零声教学AI助手提供,问题来源于学员提问