评论留言板 html
时间: 2023-12-01 20:43:27 浏览: 134
以下是一个简单的HTML静态网页留言板的例子,你可以将其解压到你的网站根目录即可使用:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>留言板</title>
</head>
<body>
<h1>留言板</h1>
<form action="" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br><br>
<input type="submit" value="提交">
</form>
<hr>
<h2>留言列表</h2>
<ul>
<li>张三:今天天气真好!</li>
<li>李四:我也觉得!</li>
</ul>
</body>
</html>
```
如果你想要实现更多的功能,比如添加数据、删除数据、查询数据等,可以使用JavaScript操控数据库实现留言板效果。以下是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>留言板</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(function(){
// 添加留言
$("#add").click(function(){
var name = $("#name").val();
var message = $("#message").val();
$.post("add.php", {name:name, message:message}, function(data){
if(data == "success"){
alert("添加成功!");
location.reload();
}else{
alert("添加失败!");
}
});
});
// 删除留言
$(".del").click(function(){
var id = $(this).attr("data-id");
if(confirm("确定要删除该留言吗?")){
$.post("del.php", {id:id}, function(data){
if(data == "success"){
alert("删除成功!");
location.reload();
}else{
alert("删除失败!");
}
});
}
});
// 查询留言
$("#search").click(function(){
var keyword = $("#keyword").val();
$.post("search.php", {keyword:keyword}, function(data){
$("#list").html(data);
});
});
});
</script>
</head>
<body>
<h1>留言板</h1>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br><br>
<input type="button" id="add" value="提交">
</form>
<hr>
<h2>留言列表</h2>
<label for="keyword">关键字:</label>
<input type="text" id="keyword" name="keyword">
<input type="button" id="search" value="查询">
<ul id="list">
<li>张三:今天天气真好!<button class="del" data-id="1">删除</button></li>
<li>李四:我也觉得!<button class="del" data-id="2">删除</button></li>
</ul>
</body>
</html>
```
需要注意的是,以上代码中的add.php、del.php和search.php是服务器端的代码,需要根据具体情况进行编写。如果你不会编写服务器端代码,可以使用一些现成的留言板插件,比如Discuz、phpwind等。
阅读全文