javascript 提取input保存到对象

假设你有一个 HTML 表单，其中包含多个 input 元素，你可以使用 JavaScript 将这些 input 的值保存到一个对象中。

HTML 代码：

<form>
  <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="button" onclick="saveData()">Save Data</button>
</form>

JavaScript 代码：

function saveData() {
  // 获取 input 元素
  const nameInput = document.getElementById("name");
  const emailInput = document.getElementById("email");
  const phoneInput = document.getElementById("phone");

  // 创建一个对象
  const data = {};

  // 将 input 值保存到对象中
  data.name = nameInput.value;
  data.email = emailInput.value;
  data.phone = phoneInput.value;

  // 打印保存的数据
  console.log(data);
}

在上面的代码中，我们首先获取了三个 input 元素，然后创建了一个空对象 `data`。接下来，我们将每个 input 的值保存到 `data` 对象中，最后打印出保存的数据。你可以根据自己的需求修改这个函数。