输出一段含有js的后台管理页面的html代码
时间: 2024-05-05 19:17:51 浏览: 15
以下是一个简单的后台管理页面的HTML代码示例,包含了一个使用JavaScript编写的表单验证函数:
```html
<!DOCTYPE html>
<html>
<head>
<title>后台管理页面</title>
<script>
function validateForm() {
var name = document.forms["myForm"]["name"].value;
var email = document.forms["myForm"]["email"].value;
if (name == "" || email == "") {
alert("姓名和电子邮件地址均不能为空!");
return false;
}
}
</script>
</head>
<body>
<h1>欢迎来到后台管理页面</h1>
<form name="myForm" onsubmit="return validateForm()" method="post">
<label for="name">姓名:</label>
<input type="text" name="name" id="name"><br><br>
<label for="email">电子邮件地址:</label>
<input type="email" name="email" id="email"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
希望这可以帮助您开始开发您自己的后台管理页面!
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)