jquery - 如何创建包含结构化文本的 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标记是如何与问题相关的，特别是因为类名不反映含义。