书写一个评论区的html代码
时间: 2023-08-07 19:01:44 浏览: 66
以下是一个简单的评论区HTML代码示例,包含一个评论输入框和一个评论列表:
```html
<!DOCTYPE html>
<html>
<head>
<title>评论区</title>
</head>
<body>
<h1>欢迎来到评论区</h1>
<form>
<label>昵称:</label>
<input type="text" name="nickname"><br>
<label>评论内容:</label>
<textarea name="comment"></textarea><br>
<input type="submit" value="提交评论">
</form>
<hr>
<h2>评论列表</h2>
<ul id="comment-list">
<!-- 这里将会动态生成评论列表 -->
</ul>
<script>
// 使用JavaScript动态生成评论列表
var comments = [
{nickname: "小明", content: "这篇文章写得真好!"},
{nickname: "小红", content: "我觉得还有待改进。"},
{nickname: "小刚", content: "我不太懂这个话题。"}
];
var commentList = document.getElementById("comment-list");
for (var i = 0; i < comments.length; i++) {
var li = document.createElement("li");
var nickname = document.createElement("strong");
nickname.innerText = comments[i].nickname + ":";
var content = document.createTextNode(comments[i].content);
li.appendChild(nickname);
li.appendChild(content);
commentList.appendChild(li);
}
</script>
</body>
</html>
```
这段代码将会生成一个简单的评论区页面,包含一个评论输入框和一个评论列表。你可以根据自己的需求修改这段代码,添加更多的功能和样式。