如何在IE11中使用原生代码进行多填充？

<form id="myForm">
  <input type="text" name="name" placeholder="姓名">
  <input type="email" name="email" placeholder="邮箱">
  <input type="tel" name="phone" placeholder="电话">
</form>

var form = document.getElementById("myForm");
var nameInput = form.elements["name"];
var emailInput = form.elements["email"];
var phoneInput = form.elements["phone"];

nameInput.value = "John Doe";
emailInput.value = "johndoe@example.com";
phoneInput.value = "1234567890";

$(nameInput).on("input", function() {
  // 处理输入事件
});

$.ajax({
  url: "http://example.com/api",
  method: "POST",
  data: $(form).serialize(),
  success: function(response) {
    // 处理成功响应
  },
  error: function(xhr, status, error) {
    // 处理错误响应
  }
});