用js书写一个表单添加数据

好的，以下是一个简单的示例代码：

HTML:

<form id="myForm">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email"><br><br>
  <label for="phone">Phone:</label>
  <input type="tel" id="phone" name="phone"><br><br>
  <button type="submit">Submit</button>
</form>

JavaScript:

const form = document.querySelector('#myForm');

form.addEventListener('submit', (event) => {
  event.preventDefault(); // 阻止表单默认提交

  const formData = new FormData(form); // 获取表单数据

  // 构造一个对象来保存表单数据
  const data = {
    name: formData.get('name'),
    email: formData.get('email'),
    phone: formData.get('phone')
  };

  // 在这里可以将数据发送到服务端进行处理
  console.log(data);

  // 清空表单
  form.reset();
});

这段代码监听了表单的提交事件，阻止了表单的默认提交行为，获取表单数据并构造了一个对象保存数据。在这里你可以将数据发送到服务端进行处理。最后，清空表单以便下一次使用。