html - 将表行分组为字段集

Question

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

Answer 1

您不能使用 fieldset 对表行进行分组标记，但您可以使用 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>

然后您可以设置样式，例如

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