将表格行分组为字段集

Question

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

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