
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <title>Formularios Dinamicos</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <script language="javascript" type="text/javascript">
  // <!--

  // Variable de conteo de "Divs"
  var count = 0;

  // Funcion que agrega una nueva linea
  function addLine(){

    // Se agrega un numero al conteo
    count += 1;

    // Div donde se agregara la nueva linea
    var content = document.getElementById('myDiv');

    // Se crea un nuevo "DIV" que se agregara a content
    var divIdName = 'my' + count + 'Div';
    var newDiv = document.createElement('div');
    newDiv.setAttribute('id', divIdName);

    // Se crea un nuevo "INPUT"
    var newInput = document.createElement('input');
    newInput.type = 'text';
    newInput.size = '10';
    newInput.name = 'myInput[]';

    // Se crea un Link para poder borrar la linea
    var newDelete = document.createElement('a');
    newDelete.href = 'javascript:delLine("' + divIdName + '")';
    newDelete.innerHTML = 'Borrar Linea';

    // Se agrega el "INPUT" y el link al "DIV"
    newDiv.appendChild(newInput);
    newDiv.appendChild(newDelete);
    content.appendChild(newDiv);
  }

  // Se borra la linea solicitada
  function delLine(div){
    var content = document.getElementById('myDiv');
    var remove = document.getElementById(div);
    content.removeChild(remove);
  }

  // -->
  </script>
</head>
<body>

<?php echo "Respuesta:<br><textarea cols=\"50\" rows=\"8\" readonly=\"true\">" . htmlentities(print_r($_POST, true)) . "</textarea><br><br>"; ?>

<form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
  <a href="javascript:addLine();">A&#241;adir Linea +</a><br>
  <div id="myDiv"></div>
  <br><input type="submit">
</form>

</body>
</html>