Tengo un Javascript que me genera imputs segun apreto el boton + y -, funciona perfecto esta modificado para que siempre haya al menos 1 input text, pero me gustaria saber que debo modificar para que me genere solo 10 por que asi como esta genera todos los que quiero
 
saludos  
aqui mi codigo : 
agradecimientos y fuente : hieloverde 
Código:
 <?php
if(isset($generar)){$contador=$generar + 1;}
else{$contador=1;}
echo 'var contador='.$contador;
?>
function agregar(){
var tabla=document.getElementById("tabla").getElementsByTagName("tbody")[0];
var tr=document.createElement("tr");
var td=document.createElement("td");
td.innerHTML=contador+'.- <input type="text" name="nombre[]">';
tr.appendChild(td);
tabla.appendChild(tr);
contador++;
}
function quitar(){
var tabla=document.getElementById("tabla").getElementsByTagName("tbody")[0];
var ultima_fila=tabla.rows.length-1;
    if(ultima_fila>0){
    tabla.removeChild(tabla.getElementsByTagName("TR").item(ultima_fila));
    contador--;
    }
}
</script>
   Código PHP:
    <? if(!isset($generar)){ ?>
<form method="get" action="<?=$PHP_SELF; ?>">
Inserta el numero de cajas de texto para generar:
<input type="text" name="generar" size="3"> <input type="submit" value="Generar">
</form>
<? } ?>
 
 
<?
if(isset($_REQUEST['generar'])){
echo '<input type="button" value=" + " onClick="agregar();">';
echo '<input type="button" value=" - " onClick="quitar();">';
 
echo '<form action="script.php" method="post">
<table border="0" id="tabla">';
    for($x=1; $x<=$_REQUEST['generar']; $x++){
    echo '<tr><td>'.$x.'.- <input type="text" name="nombre[]"></td></tr>';   
  }
echo '</table>';
echo '<input type="submit" value="Guardar"></form>';
}
?>