Código HTML:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script type="text/javascript"> function crearCampos(cantidad){ var div = document.getElementById("campos_dinamicos"); while(div.firstChild)div.removeChild(div.firstChild); // remover elementos; for(var i = 1, cantidad = Number(cantidad); i <= cantidad; i++){ var salto = document.createElement("P"); var input = document.createElement("input"); var input2 = document.createElement("textarea"); var text = document.createTextNode("Nombre del Link " + i + ": "); var text2 = document.createTextNode("Informacion de la pagina " + i + ": "); if(i>=10) { input.setAttribute("name", "Nomz" + i); input2.setAttribute("name", "Dirz" + i); } else { input.setAttribute("name", "Nom" + i); input2.setAttribute("name", "Dir" + i); } input.setAttribute("size", "12"); input2.setAttribute("rows", "5"); input2.setAttribute("cols", "60"); input.className = "input"; input2.className = "input"; salto.appendChild(text); salto.appendChild(input); salto.appendChild(text2); salto.appendChild(input2); div.appendChild(salto); } }</script> Cuantos Campos? <input type="text" name="cantidad" id="cantidad" value="" onkeyup="crearCampos(this.value);" /> <form name="form1" method="post" action="CreaFrames"> <!-- <table width="50%"> <tr> <td> Tipo de Frame: <select name="a1"> <option value="der">Derecha</option> <option value="izq">Izquierda</option> <option value="arr">Arriba</option> <option value="aba">Abajo</option> </select> </td> </tr> <tr> <td width="42%">Tamaño del Frame con links</td> <td><input type="text" name="a2"></td> </tr> <tr> <td> Nombre de Frame Contendor: </td> <input type="text" name="a3"></td> </tr> <tr> <td><p>Nombre de Frame Principal:</p></td> <td><input type="text" name="a4"></td> </tr> <tr> <td>Borde:</td> <td><table width="56%"> <tr> <td>Si <input type="radio" name="a5" id="radio" value="si" checked> <td>No <input type="radio" name="a5" id="radio" value="no"> </tr> </table></td> </tr> </table> --> <div id="campos_dinamicos"></div> <input type="submit" name="button" id="button" value="Enviar"> <input type="reset" name="button" id="button" value="Borrar"> </form> </body> </html>