Insetar datos de un formulario en un array

[esquinca02]

Hola a todos!!

Esto creando un pdf de una factura, tengo un formulario donde intruzco los datos, como son: cantidad, descripcion, P. unitario importe y para no hacer cuadros de textos para cada articulo que inserto me puse a indagar y creo que se puede hacer con un array mi formulario es este:

Código HTML:

<table><td colspan="5" class="Estilo1"><div align="center" 

<class="Estilo7">DATOS DEL PRODUCTO </div></td>
    </tr>
  <tr>
    <td class="Estilo1"><div align="center" class="Estilo7">CANTIDAD</div></td>
    <td colspan="2" class="Estilo7"><span class="Estilo1">
      <label>
      <div align="center" class="Estilo1">DESCRIPCION</div>
      <span class="Estilo1">
      </label>
      </span></td>
    <td class="Estilo1"><div align="center" class="Estilo7">PRECIO UNITARIO</div></td>
    <td class="Estilo1"><div align="center" class="Estilo7">IMPORTE</div></td>
  </tr>
  <tr>
    <td class="Estilo1"><div align="right" class="Estilo7">
      <label>
      <div align="center">
        <input name="cant" type="text" id="cant" size="2" maxlength="2" />
      </div>
      </label>
    </div></td>
    <td colspan="2" class="Estilo7"><span class="Estilo1">
      <label>
      <div align="center" class="Estilo1">
        <textarea name="desc" cols="25" rows="5" id="desc"></textarea>
        </div>
      <span class="Estilo1">
      </label>
      </span></td>
    <td class="Estilo1"><div align="center" class="Estilo7">
      <input name="precio" type="text" id="precio" />
    </div></td>
    <td class="Estilo1"><div align="center" class="Estilo7">
      <input name="importe" type="text" id="importe" onclick="Multi('cant','precio','importe');"/>
      <label>
      <input type="submit" name="Submit2" value="Enviar" onclick="arrays()" />
      </label>
    </div></td>
  </tr>
  <tr>
    <td class="Estilo1"><div align="center" class="Estilo7">
      <input name="cant2" type="text" id="cant2" size="2" maxlength="2" />
    </div></td>
    <td colspan="2" class="Estilo1"><span class="Estilo7">
      <label>
      <textarea name="desc2" cols="25" rows="5" id="desc2"></textarea>
      </label>
    </span></td>
    <td class="Estilo1"><div align="center" class="Estilo7">
      <input name="precio2" type="text" id="precio2" />
    </div></td>
    <td class="Estilo7"><span class="Estilo1">
      <label>
      <div align="center" class="Estilo1">
        <input name="importe2" type="text" id="importe2" onclick="Multi('cant2','precio2','importe2');"  />
        </div>
      <span class="Estilo1">
      </label>
      </span></td>
  </tr>
  <tr>
    <td class="Estilo1"><div align="center" class="Estilo7">
      <input name="cant3" type="text" id="cant3" size="2" maxlength="2" />
    </div></td>
    <td colspan="2" class="Estilo1"><span class="Estilo7">
      <textarea name="desc3" cols="25" rows="5" id="desc3"></textarea>
    </span></td>
    <td class="Estilo1"><div align="center" class="Estilo7">
      <input name="precio3" type="text" id="precio3" />
    </div></td>
    <td class="Estilo7"><span class="Estilo1">
      <label>
      <div align="center" class="Estilo1">
        <input name="importe3" type="text" id="importe3" onclick="Multi('cant3','precio3','importe3');" />
        </div>
      <span class="Estilo1">
      </label>
      </span></td>
</table> 

en este codigo estan repetidos tres veces cada uno de los Campos de texto

Quisiera que solo quedara un grupo de campos de texto y al darle clic a un boton los campos de texto se limpiaran y los datos se almacenaran en un array y despues enviarlo al pdf.

Muchas gracias por su ayuda