以下是一个简单的
HTML 留言板源码
模板：
```
html
<!DOCTYPE
html>
<
html>
<head>
<title>
留言板</title>
</head>
<body>
<h1>
留言板</h1>
<!-- 表单 -->
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱：</label>
<input type="email" id="email" name="email"><br>
<label for="message">
留言：</label><br>
<textarea id="message" name="message" rows="5" cols="30"></textarea><br>
<input type="submit" value="提交">
</form>
<hr>
<!--
留言列表 -->
<div id="messages">
<!--
留言列表会在这里动态生成 -->
</div>
<!-- JavaScript -->
<script>
// 获取
留言列表
function getMessages() {
// 发送 AJAX 请求到服务器
//
代码省略，需要自己实现
// 返回的数据应该是一个数组，每个元素是一个
留言对象，例如：
// [
// {name: "张三", email: "zhangsan@example.com", message: "
留言1"},
// {name: "李四", email: "lisi@example.com", message: "
留言2"},
// ...
// ]
var messages = [
{name: "张三", email: "zhangsan@example.com", message: "
留言1"},
{name: "李四", email: "lisi@example.com", message: "
留言2"}
];
// 在页面中动态生成
留言列表
var
html = "";
for (var i = 0; i < messages.length; i++) {
html += "<div>";
html += "<strong>" + messages[i].name + "</strong>";
html += "
" + messages[i].email + "";
html += "<p>" + messages[i].message + "</p>";
html += "</div>";
}
document.getElementById("messages").inner
HTML =
html;
}
// 当页面加载完成后，获取
留言列表
window.onload = function() {
getMessages();
};
</script>
</body>
</
html>
```
说明：
- 这是一个简单的
HTML 页面，包含一个表单和一个
留言列表。
- 表单用于提交
留言，包含姓名、邮箱和
留言内容三个字段。
-
留言列表会在页面加载完成后动态生成，使用 JavaScript 实现。
- `getMessages()` 函数用于获取
留言列表，这里只是一个简单的示例，实际使用时需要发送 AJAX 请求到服务器获取数据。
6017
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
