帮我用js写一个登陆页面
时间: 2023-02-20 12:59:18 浏览: 73
好的,下面是一个简单的 JavaScript 实现登录页面的代码:
HTML:
```
<html>
<head>
<title>登录页面</title>
</head>
<body>
<form>
<div>
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
</div>
<div>
<label for="password">密码:</label>
<input type="password" id="password" name="password">
</div>
<button type="button" onclick="checkLogin()">登录</button>
</form>
</body>
</html>
```
JavaScript:
```
function checkLogin() {
const username = document.querySelector('#username').value;
const password = document.querySelector('#password').value;
if (username === 'admin' && password === '123456') {
alert('登录成功!');
} else {
alert('用户名或密码错误!');
}
}
```
这仅仅是一个简单的示例,在实际的开发中,你需要考虑许多其他的因素,例如:安全性、用户体验、可维护性等。
阅读全文