帮我形成一个登陆页面 , 要求表单验证是否为空否则不能提交进行提示,用中文写
时间: 2023-05-19 18:01:07 浏览: 83
好的,我可以帮您形成一个登陆页面。以下是一个简单的 HTML 代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>登陆页面</title>
<meta charset="UTF-8">
<script>
function checkForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username == "" || password == "") {
alert("用户名和密码不能为空!");
return false;
}
return true;
}
</script>
</head>
<body>
<form action="login.php" method="post" onsubmit="return checkForm()">
<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="submit" value="登陆">
</form>
</body>
</html>
```
在这个代码中,我们使用了 JavaScript 来进行表单验证。当用户点击“登陆”按钮时,会触发 checkForm() 函数。该函数会获取用户名和密码的值,如果其中有一个为空,则会弹出提示框,阻止表单提交。如果都不为空,则返回 true,允许表单提交到 login.php 页面。
希望这个代码能够帮到您!
阅读全文