使用JavaScript写一个网页的用户登录页面用户登录的密码是1234567abc
时间: 2024-03-05 16:48:31 浏览: 15
好的,下面是一个简单的用户登录页面的HTML和JavaScript代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>用户登录</title>
</head>
<body>
<h1>用户登录</h1>
<form>
<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>
<button type="button" onclick="login()">登录</button>
</form>
<script>
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (password === "1234567abc") {
alert("登录成功!");
} else {
alert("用户名或密码错误!");
}
}
</script>
</body>
</html>
```
这个页面有一个用户名输入框和一个密码输入框,以及一个“登录”按钮。当用户点击登录按钮时,JavaScript代码会检查密码是否是"1234567abc",如果是,则弹出“登录成功”的提示框,否则弹出“用户名或密码错误”的提示框。