使用JavaScript插入元素时，无法接收表单输入数据

<form id="myForm">
  <input type="text" name="myInput">
  <input type="submit" value="Submit">
</form>

// 创建新的input元素
var newInput = document.createElement('input');
newInput.type = 'text';
newInput.name = 'newInput';

// 获取表单
var form = document.getElementById('myForm');

// 在表单中插入新元素
form.appendChild(newInput);

// 为新元素添加事件监听器
newInput.addEventListener('input', function(event) {
  console.log(event.target.value);
});

// 获取表单
var form = document.getElementById('myForm');

// 添加表单提交事件监听器
form.addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为

  // 获取表单中的输入元素
  var inputs = event.target.elements;

  // 遍历输入元素
  for (var i = 0; i < inputs.length; i++) {
    console.log(inputs[i].value);
  }
});