首先，我们需要一个留言板，用户可以在上面输入留言，点击提交后即可实时显示在留言板上。

你可以使用 HTML 和 JavaScript 来实现一个留言板。你可以使用 HTML 的表单元素来创建一个输入框，然后使用 JavaScript 的函数来监听表单的提交事件，在提交时将留言内容动态添加到留言板中。

首先，你需要创建一个 HTML 表单，用于输入留言：

<form id="message-form">
  <label for="message">留言:</label><br>
  <input type="text" id="message" name="message"><br>
  <input type="submit" value="提交">
</form> 

然后，你需要在 JavaScript 中创建一个函数，用于监听表单的提交事件，并在提交时将留言内容动态添加到留言板中：

const form = document.getElementById('message-form');

form.addEventListener('submit', event => {
  event.preventDefault();

  const messageInput = document.getElementById('message');
  const message = messageInput.value;

  // 将留言动态添加到留言板中
  const messageList = document.getElementById('message-list');
  const li = document.createElement('li');
  li.textContent = message;
  messageList.appendChild(li);

  // 清空输入框
  messageInput.value = '';
});

最后，你还需要在 HTML 中创建一个用于显示留言的列表：

<ul id="message-list"></ul>

这样，当用户在表单中输入留言并提交时，留言内容就会实时显示在留言板的列表中。