我能以这种方式获得完全有效的表格吗

Question

看起来很简单，我们的设计师在一个like page中做了3种不同形式的设计 正如你在snippet 中看到的那样

我认为我们不能在 twitter bootstrap 网格中使用有效的 html 进行这种设计？ 您将在哪里获得表单的开始和结束标记并保持其有效

<div class="container">

    <div class="col-md-4">
        <div class="row"><div class="form1">form1</div></div>
        <div class="row"><div class="form2">form2</div></div>
        <div class="row"><div class="form3">form3 </div></div>
    </div>
    <div class="col-md-4">
        <div class="row"><div class="form3">continue of form3 </div></div>
    </div>
    <div class="col-md-4">
      <div class="row">
        <div class="form3">
          continue of form3
        </div>
      </div>
    </div>


</div><!-- /.container -->

Answer 1

您不能拆分form 元素，使一部分在一个元素内，而另一部分在另一个元素内。 HTML 语法可以防止这种情况发生。

但是，您可以在form 元素之外拥有input 元素和其他控件，并使用form 属性将它们与它进行功能关联。浏览器支持仍然太有限，无法在正常情况下使其成为可行的选择。