HTML留言板是一個常見的網絡應用程序，它允許網站訪客在網站上留下信息，這些信息隨后可以顯示在網站上。下面是一個HTML留言板的代碼示例：

<!-- HTML留言板界面結構 -->
<div id="message-board">
<form id="message-form" action="submit.php" method="post">
<input type="text" name="name" placeholder="姓名" required />
<input type="email" name="email" placeholder="郵箱" required />
<textarea name="message" placeholder="留言" required></textarea>
<input type="submit" value="提交" />
</form>
<div id="messages">
<!-- 留言列表 -->
</div>
</div>

在上面的代碼示例中，我們使用了HTML表單元素來允許訪客提交留言。該表單有三個字段：姓名、郵箱和留言。表格中的“提交”按鈕將表單數據發送到“submit.php”頁面進行處理。在留言提交后，我們使用JavaScript將新留言添加到留言板界面的留言列表中。下面是一個基本的JavaScript代碼示例：

<!-- 在頁面底部添加以下JavaScript代碼 -->
<script>
const form = document.querySelector('#message-form');
const messagesDiv = document.querySelector('#messages');
form.addEventListener('submit', event => {
event.preventDefault();
const nameInput = form.querySelector('input[name="name"]');
const emailInput = form.querySelector('input[name="email"]');
const messageTextarea = form.querySelector('textarea[name="message"]');
// 發送表單數據到服務器并處理響應...
// 添加新留言到留言列表
const newMessage = document.createElement('div');
newMessage.innerHTML = '<p><strong>' + nameInput.value +
'</strong> <em>' + emailInput.value + '</em></p>' +
'<p>' + messageTextarea.value + '</p>';
messagesDiv.appendChild(newMessage);
// 清空表單
nameInput.value = '';
emailInput.value = '';
messageTextarea.value = '';
});
</script>

在上面的JavaScript代碼示例中，我們使用了DOM API來選取表單元素和留言列表元素。當表單被提交時，我們將表單字段值用JavaScript處理后添加到留言列表中。最后，我們還清空了表單字段以準備下一次留言。