ok però sono ancora in alto mare. ho provato a seguire un esempio trovato su google ma niente. il codice aggiornato è:
<!DOCTYPE html>
<head>
<body>
<script>
var numero=1
function aggiungi(){
// crea elementi
var oText=document.createTextNode("campo "+num);
var oTr=document.createElement("TR");
var oTd1=document.createElement("TD");
var oTd2=document.createElement("TD");
var oField=document.createElement("INPUT");


// setta attributi
oField.setAttribute("type","text");
oField.setAttribute("name","testo"+num);


// appendi al relativo padre
oTd1.appendChild(oField);
oTd2.appendChild(oText);
oTr.appendChild(oTd1);
oTr.appendChild(oTd2);
document.getElementById('tabella').getElementsByTa gName('TBODY')[0].appendChild(oTr);


// incrementa variabile globale
num++
}




function rimuovi(){
if(document.removeChild && document.getElementById && document.getElementsByTagName) {
// se non e' la prima riga
if(num>1){
// riferimento al tbody
var tb=document.getElementById('tabella').getElementsB yTagName('TBODY')[0];
// riferimento all' ultimo TR
var lastTr=tb.getElementsByTagName('TR')[(tb.getElementsByTagName('TR').length)-1]
// rimuovi
tb.removeChild(lastTr);
// decrementa variabile globale
num--
}
}
}
</script>
<form name="sql generator" method="post">
<table width="300 px" name="tabella">
</tr>
<tbody>
<tr>
<td>
<label for="nometabella">Nome tabella:</label>
</td>
<td>
<input type="text" name="nometabella">
</td>
</tr>
<tr>
<td>
<label for="chiaveprimaria">Chiave primaria:</label>
</td>
<td>
<input type="text" name="chiaveprimaria" value="id">
</td>
</tr>
<tr>
<td>
<button name="aggiungi" onclick="aggiungi()">aggiungi</button>
</td>
<td>
<button name="rimuovi" onclick="rimuovi">rimuovi</button>
</td>
</tr>
<tr>
<td>
<label for="campo1">campo 1:</label>
</td>
<td>
<input type="text" name="campo1">
</td>
<td>
<select>
<option value="testo">testo</option>
<option value="numero">numero</option>
</select>
</td>
</tr>
</tbody>
</table>
</form>


</body>
</head>