用JavaScript写有个企业网站登录页面
时间: 2024-03-20 08:43:32 浏览: 5
好的,下面是一个简单的企业网站登录页面的示例代码,包括输入用户名和密码、点击登录按钮、以及简单的登录验证:
```
<!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>
<input type="button" value="登录" onclick="login()">
</form>
<div id="result"></div>
<script>
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username === "") {
document.getElementById("result").innerHTML = "请输入用户名";
} else if (password === "") {
document.getElementById("result").innerHTML = "请输入密码";
} else if (username === "admin" && password === "123456") {
document.getElementById("result").innerHTML = "登录成功!";
} else {
document.getElementById("result").innerHTML = "用户名或密码错误";
}
}
</script>
</body>
</html>
```
这个示例页面包括一个输入用户名和密码的表单,以及一个登录按钮。当用户点击登录按钮时,JS代码会获取表单中的用户名和密码,并进行简单的验证。如果用户名或密码为空,页面会提示用户输入;如果用户名和密码都正确,页面会显示登录成功;如果用户名或密码错误,页面会提示用户重新输入。