表单标签在一个 div 中开始并在另一个 div 中结束是否有效？

由于我有一些 JavaScript/CSS 规则，我不能只包装这两个divs 放在表单标签中并完成它。

所以，我想知道下面的 HTML 是否被认为是有效的？

<div id="tab1">
    <form>
        <input type="text" name="whatever" />
</div>

<div id="tab2">
        <input type="submit" value="Submit" />
    </form>
</div>

不。这不是有效的 HTML/XML。

更糟糕的是，它会被解析为：

<div id="tab1">
    <form>
        <input type="text" name="whatever" />
    </form> <!-- form will be closed here, because parent is being closed -->
</div>

<div id="tab2">
        <input type="submit" value="Submit" />
    </form> <!--  not sure about what happens with this one, but it will be either removed or replaced with empty <form></form> element -->
</div>