html做登陆页面输入密码javascript提示框弹出
时间: 2023-08-09 20:09:19 浏览: 109
可以使用以下代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login Page</title>
<script>
function checkPassword() {
var password = document.getElementById("password").value;
if (password == "") {
alert("Please enter password");
return false;
}
return true;
}
</script>
</head>
<body>
<form action="login.php" method="post" onsubmit="return checkPassword()">
<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="submit" value="Login">
</form>
</body>
</html>
```
在这个例子中,我们使用了一个`checkPassword()`函数,该函数在提交表单之前会检查密码输入框是否为空,如果为空,则会弹出一个提示框。在表单的`onsubmit`事件中调用该函数,如果函数返回`false`,则表单不会提交。
阅读全文