JavaScript:提交后在表单下显示元素

<form action="submit.php" method="post">
  <!-- 表单内容 -->
</form>

<form action="submit.php" method="post">
  <input type="text" name="name" placeholder="姓名">
  <textarea name="message" placeholder="留言"></textarea>
  <input type="submit" value="提交">
</form>

<form action="submit.php" method="post" onsubmit="showElement(event)">
  <!-- 表单内容 -->
</form>

<script>
  function showElement(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取表单数据
    var name = document.getElementsByName("name")[0].value;
    var message = document.getElementsByName("message")[0].value;

    // 创建新的元素并显示表单数据
    var element = document.createElement("div");
    element.innerHTML = "姓名：" + name + "<br>留言：" + message;
    document.body.appendChild(element);
  }
</script>