agregar campo en FORM con un boton

[SirDuque]

Hola chicos, tengo un FORM
donde tiene dos campos:

Nombre y E-mail:

Bueno la idea es que el usuario agrege cuantos quiere!
tanto como 1 o 100. (es un disparate pero una opcion).

en HTML seri algo como esto:

Código HTML:

<table border="0">
  <tr>
    <td><span class="Estilo3">Nombre:</span></td>
    <td><span class="Estilo3">E-mail: </span></td>
  </tr>
  <tr>
    <td><input type="text" name="nombre" id="nombre"></td>
    <td><input type="text" name="mail" id="mail"></td>
  </tr>
  <tr>
    <td><input type="text" name="nombre1" id="nombre1"></td>
    <td><input type="text" name="mail1" id="mail1"></td>
  </tr>
</table>
 

Bueno la idea es agregar dos botones que sea Agregar
y otro Enviar.

Agregar: agrega otra fila con los input.
y Enviar: envia el form.

Alguien conoce un tuto, o tienen idea como lo tendria que hacer???