如何在提交后将信息放入表单中创建元素？

<form action="submit-url" method="POST" id="myForm">
  <input type="text" name="name" placeholder="Name">
  <input type="email" name="email" placeholder="Email">
  <button type="submit">Submit</button>
</form>

<script>
  document.getElementById("myForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取输入值
    var name = document.getElementsByName("name")[0].value;
    var email = document.getElementsByName("email")[0].value;

    // 创建元素
    var newElement = document.createElement("p");
    newElement.textContent = "Name: " + name + ", Email: " + email;

    // 将元素添加到表单中
    document.getElementById("myForm").appendChild(newElement);
  });
</script>