javascript - HTML 多表单内外 DIV

Question

我正在尝试做如下事情:

<div id="div1"....>
   <div id="div2"....>
      <form name="form1" .....>
         <input type="text">
         <input type="submit" value="submit1">
      </form>

      <form name="form2" .....>
         <input type="text">
   </div>  //End of Div2
   <div id="div3" ...>
         <input type="submit"  value="submit2"......>
      </form> //End of form2
   </div> //End of Div3
</div> //End of Div1

但每次 form 关闭时都会进入 div2。结果 submit input 从 form 中出来，而 form 在点击后没有被提交。请帮忙。

我的 div 位置是根据我的元素需要放在这里的。有什么方法可以保持 div 内的 form 打开和 div 外的 submit 按钮/关闭？

Answer 1

form 的开始和结束标签应该在同一个 div parent 中

尝试这样的事情:

<div id="div1"....>
   <div id="div2"....>
      <form name="form1" .....>
         <input type="text">
         <input type="submit" value="submit1">
      </form>
   </div>  //End of Div2
   <div id="div3" ...>
      <form name="form2" .....>
         <input type="text">
         <input type="submit"  value="submit2"......>
      </form> //End of form2
   </div> //End of Div3
</div> //End of Div1