Html 将表行分组为字段集

Html 将表行分组为字段集,html,css,Html,Css,我有一个表单,表单中有输入元素。在表单的底部,我有一组输入,比如X。我有一个“添加更多”按钮,单击此按钮,这组输入应该附加到表单中。 我已经完成了JSN HTML部分。但我想知道是否有办法将行组显示为字段集(外边框和标题/图例),这样看起来会更好。或任何其他方法?您不能使用字段集标记对表行进行分组,但可以使用thead、tfoot和tbody标记对它们进行分组。例如 <table> <tr>... (normal row) <tr>... (n

我有一个表单,表单中有输入元素。在表单的底部,我有一组输入,比如X。我有一个“添加更多”按钮,单击此按钮,这组输入应该附加到表单中。
我已经完成了JSN HTML部分。但我想知道是否有办法将行组显示为字段集(外边框和标题/图例),这样看起来会更好。或任何其他方法?

您不能使用
字段集
标记对表行进行分组,但可以使用
thead
tfoot
tbody
标记对它们进行分组。例如

<table>
    <tr>... (normal row)
    <tr>... (normal row)
  <tbody class=added>
    <tr><td>foo <td>bar
    <tr><td>hello <td>world
  </tbody>    
    <tr>... (normal row)
    <tr>... (normal row)
</table>

你到底想要多少?你能说清楚一点吗?你能发布你的JavaScript和HTML吗?理想情况下,给出一些想法,说明为什么要将
tr
元素包装在
字段集中,而不是简单地将
输入
元素分组在
字段集中。所有
tr
元素都应该包含在
tbody
中;在您发布的标记中,浏览器将或应该在构建DOM时更正您的标记,并将
tr
s不包含在
tbody
中的标记包装在另一
tbody
中,使用“inspect element”检查DOM。@David Thomas,是的,在现代HTML解释中,“无家可归的”元素被视为属于隐含的
tbody
元素。这并不意味着我的标记是错误的。它非常简洁,只对需要的分组使用显式的
tbody
标记。但是需要注意的是,即使标记不存在,元素也存在,因此将样式指定给
tbody
(与限定的
tbody.added
)会产生不希望的效果。
tbody.added {
  outline: solid #696 2px;
  outline-radius: 0.4em;
  -moz-outline-radius: 0.4em;
}