保存多个表单中的值可以通过以下步骤实现：

1. 在HTML中，为每个表单元素添加一个唯一的ID或name属性，以便在JavaScript中访问它们。

2. 使用JavaScript获取表单元素的值，并将其保存到一个对象中。

function saveFormValues() {
  var form1Values = {};
  form1Values.input1 = document.getElementById("input1").value;
  form1Values.input2 = document.getElementById("input2").value;

  var form2Values = {};
  form2Values.input3 = document.getElementById("input3").value;
  form2Values.input4 = document.getElementById("input4").value;

  var savedValues = {
    form1: form1Values,
    form2: form2Values
  };

  // 保存表单值到本地存储或发送到服务器
  // localStorage.setItem("savedValues", JSON.stringify(savedValues));
  // 或者发送到服务器
  // fetch('/save', {
  //   method: 'POST',
  //   body: JSON.stringify(savedValues),
  //   headers: {
  //     'Content-Type': 'application/json'
  //   }
  // });
}

3. 当需要保存表单值时，调用saveFormValues函数。

document.getElementById("saveButton").addEventListener("click", saveFormValues);

以上代码示例假设你有两个表单，每个表单具有不同的ID和name属性。通过获取每个表单元素的值并将其保存到一个对象中，你可以选择将对象保存到本地存储（使用localStorage.setItem）或将其发送到服务器（使用fetch API或其他适当的方法）。