如何创建包含结构化文本的 HTML 表单

Question

使用 Twitter Bootstrap，我有一个如下所示的表单：

Name         Country         Phone Number
-----------------------------------------
John         USA
Joe          Canada

上表中的所有这些值都将是文本字段、下拉列表等。

有没有一种方法可以创建一个包含在 div 中的表单，当提交时，表格的所有值都会一个一个地提交？

<div class="row-fluid">
    <div class="span12">
        Level 1 of column
        <div class="row-fluid">
            <div class="span6">Level 2</div>
            <div class="span6">Level 2</div>
        </div>
    </div>
</div>

Answer 1

<form ...>
  <table>
    <thead><tr> <th>Name <th>Country <th>Phone number
    <tbody>
      <tr> <td>John <td>USA
      <tr> <td>Joe <td>Canada
    ...
  </table>
</form>

当您有一个数据表时，请使用 table 元素，而不是 div 元素的沙拉。只需将表格放在 form 元素中即可。如果所有字段都在 form 元素内，则所有字段都将在表单中提交，而与中间的表（或其他）标记无关。

尚不清楚div 标记与问题的关系，尤其是因为类名不反映含义。