使用javascript写一个登陆页面login.html
时间: 2023-05-21 10:02:58 浏览: 84
好的,以下是一个简单的登陆页面login.html的JavaScript代码:
```
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
</head>
<body>
<h1>Login Page</h1>
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<input type="button" value="Login" onclick="login()">
</form>
<script>
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username === "admin" && password === "password") {
alert("Login successful!");
} else {
alert("Incorrect username or password. Please try again.");
}
}
</script>
</body>
</html>
```
这个登陆页面包含一个表单,用户需要输入用户名和密码才能登陆。当用户点击“Login”按钮时,JavaScript代码会验证用户名和密码是否正确,如果正确则弹出“Login successful!”的提示框,否则弹出“Incorrect username or password. Please try again.”的提示框。