Dynamiczne dodawanie kilku pól Opcje

[blacha14]

Ostatnio kminiłem zeby napisac coś takiego ze jest tabelka 5 kolumn w wierszu i po kliknięciu w przycisk dodaje sie kolejny wiersz. W kazdej komórce jednego wiersza miałby być input o innym name. No jak pisałem po kliknieciu tworzy sie kolejny taki sam wiersz. tylko nie wiem jak to zrobic wymysliłem to dodawanie pola dynamicznie ale jak to zkminic zeby to było w tabeli i zeby klikajac dopisywał wiersz do tabeli to juz nie moge wymyslec Mam taki kod dodajacy dynamicznie jeden input:

Kod

<script type="text/javascript">
<!--
function dodaj_element(kontener){
var znacznik = document.createElement('input');
znacznik.setAttribute('type', 'text');
znacznik.setAttribute('name', 'lekcja[]');
znacznik.className = 'upload';

var znacznik2 = document.createElement('input');
znacznik.setAttribute('type', 'text');
znacznik.setAttribute('name', 'klasa[]');
znacznik.className = 'upload1';
var kontener = document.getElementById(kontener);
kontener.appendChild(znacznik);
kontener.appendChild(znacznik2);
}
//-->
</script>
<style type="text/css">
<!--
input.upload { display:  table-cell; }
input.upload1 { display:  table-row; }
-->
</style>

<form action="form2post.php" method="post">
<div id="pliki">
<input type="text" name="lekcja[]" class="upload" />


</div>

<input type="button" value="Zażcz kolejny text" onclick="dodaj_element('pliki');" />
<input type="submit" value="Wyolij" />

</form>