Question

I have a form with input elements in . At the bottom of the form I have a group of inputs, say X. I have a “add more” button, on clicking this button, this group of inputs should be appended to the form.
I have done the JS n HTML part. But I was wondering that is there any way to display group of rows as fieldset(outer border and title/legend), This will look better. Or any other way to do it?

Answer 1

You cannot group table rows using fieldset markup, but you can group them using thead, tfoot, and tbody markup. 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>

You can then style it, e.g.

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