HTML

  



留言板


  
  
  
  

JavaScript

const form = document.getElementById('commentForm');
const comments = document.getElementById('comments');

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

  const name = document.getElementById('name').value;
  const email = document.getElementById('email').value;
  const message = document.getElementById('message').value;

  const comment = document.createElement('div');
  comment.innerHTML = `
    姓名： ${name}
    邮箱： ${email}
    
${message}
  `;

  comments.appendChild(comment);
});

使用方法

1. 保存以上代码为 index.html 文件。
2. 在浏览器中打开 index.html 文件。
3. 填写留言信息并点击 “提交”按钮。
4. 留言将被添加到留言板中。

注意

• 此代码使用 HTML5 canvas 元素来创建留言板。
• 您可以根据需要修改代码以添加更多功能，例如用户身份验证、评论排序等。