将表行分组为fieldset

Question

我有一个带有输入元素的表单。在表单的底部，我有一组输入，比如X.我有一个“添加更多”按钮，单击此按钮时，这组输入应该附加到表单。 我已经完成了JS n HTML部分。但我想知道有没有办法将行组显示为fieldset（外边框和标题/图例），这看起来会更好。或者其他任何方式吗？

Answer 1

您无法使用fieldset标记对表格行进行分组，但您可以使用thead，tfoot和tbody标记对其进行分组。 E.g。

<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>

然后你可以设置它的样式，例如

tbody.added {
  outline: solid #696 2px;
  outline-radius: 0.4em;
  -moz-outline-radius: 0.4em;
}