多个form表单共用一个提交

可以使用 JavaScript 来实现多个表单共用一个提交的功能。具体实现步骤如下：

1. 给每个表单添加一个 class 或 ID，用于标识不同的表单。

2. 给提交按钮添加一个点击事件，获取所有表单的数据，并进行提交。

3. 在点击事件中，使用 `document.querySelectorAll()` 方法获取所有表单元素，然后遍历每个表单，获取表单数据，并将数据拼接成一个对象。

4. 最后将获取到的数据对象使用 Ajax 或表单提交方式进行提交。

下面是一个简单的示例代码，供参考：

HTML 代码：

<form class="form1">
  <input type="text" name="username" />
  <input type="password" name="password" />
</form>

<form class="form2">
  <input type="text" name="email" />
  <input type="text" name="phone" />
</form>

<button id="submitBtn">提交</button>

JavaScript 代码：

const submitBtn = document.querySelector('#submitBtn');
submitBtn.addEventListener('click', () => {
  const forms = document.querySelectorAll('form');
  const data = {};

  forms.forEach((form, index) => {
    const formData = new FormData(form);
    for (let [key, value] of formData.entries()) {
      data[`form${index + 1}_${key}`] = value;
    }
  });

  // 使用 Ajax 或表单提交方式进行提交
  // ...
});

在上面的代码中，我们将表单数据拼接成了一个对象 `data`，并通过 `data` 对象来传递数据。在实际开发中，可以根据需求来选择使用 Ajax 或表单提交方式进行提交。