你如何克服html表单嵌套限制？

<form id="outer-form">
 <input type="text" name="outer-input" />
  <form id="inner-form">
   <input type="text" name="inner-input" />
  </form>
 <button type="submit">提交</button>
</form><script>
  const outerForm = document.getElementById("outer-form");
  const innerForm = document.getElementById("inner-form");

  outerForm.addEventListener("submit", (event) => {
    event.preventDefault();
    innerForm.dispatchEvent(new Event("submit"));
  });
</script>

<form id="outer-form" target="hidden-iframe">
 <input type="text" name="outer-input" />
 <iframe id="hidden-iframe" name="hidden-iframe" style="display:none;"></iframe>
  <form id="inner-form" target="hidden-iframe">
   <input type="text" name="inner-input" />
  </form>
 <button type="submit">提交</button>
</form>