HTML留言板是一種常見的Web應用程序，它允許用戶在網站上留言并與其他人交互。在本文中，我們將討論如何設計一個簡單的HTML留言板，并提供一個基本的源代碼，幫助您快速入門。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML留言板</title>
</head>
<body>
<h1>歡迎來到 HTML 留言板</h1>
<form action="#" method="post">
<label for="name">姓名:</label>
<input type="text" name="name" id="name"><br>
<label for="message">留言:</label>
<textarea name="message" id="message"></textarea><br>
<input type="submit" value="發布">
</form>
<h2>留言列表</h2>
<ul id="messages">
<li>張三：今天天氣真不錯！</li>
<li>李四：我也覺得！</li>
</ul>
<script>
var form = document.querySelector('form');
form.addEventListener('submit', function (event) {
event.preventDefault();
var nameInput = document.querySelector('#name');
var messageInput = document.querySelector('#message');
var messages = document.querySelector('#messages');
var li = document.createElement('li');
li.textContent = nameInput.value + ': ' + messageInput.value;
messages.appendChild(li);
nameInput.value = '';
messageInput.value = '';
});
</script>
</body>
</html>代碼中包含HTML和JavaScript代碼。HTML代碼定義了留言板的基本結構，包括表單和留言列表。JavaScript代碼負責添加新的留言并更新留言列表。
我們通過事件監聽器為表單添加了一個submit事件，當表單提交時，JavaScript代碼會從表單中讀取姓名和留言，并將它們添加到留言列表中。最后，JavaScript代碼還將清空表單以準備下一條留言。
總的來說，這段代碼為您提供了創建一個基本但功能齊全的HTML留言板所需的所有工具?？梢愿鶕枰獙ζ溥M行自定義，以滿足您的具體需求。