Hola
jmagago84,
Aquí está lo que buscas:
Código HTML:
<html>
<head>
<script type="text/javascript">
function masCampos()
{
var div_campos = document.getElementById("div_campos");
var labelFoto = document.createElement("label");
var textFoto = document.createTextNode("Nombre foto:");
labelFoto.appendChild(textFoto);
div_campos.appendChild(labelFoto);
var input = document.createElement("input");
div_campos.appendChild(input);
var p1 = document.createElement("p");
div_campos.appendChild(p1);
var labelDescripcion = document.createElement("label");
var textLabel = document.createTextNode("Descripción");
labelDescripcion.appendChild(textLabel);
div_campos.appendChild(labelDescripcion);
var textArea = document.createElement("textarea");
div_campos.appendChild(textArea);
var p2 = document.createElement("p");
div_campos.appendChild(p2);
}
</script>
</head>
<body>
<form id="form" action="prueba.asp" method="post">
<div id="div_campos">
<p>
<label id="foto" for="foto">Nombre foto:</label>
<input id="foto" name="foto" type="text" />
</p>
<p>
<label id="texto" for="texto">Descripción:</label>
<textarea name="texto" id="texto"></textarea>
</p>
</div>
<input id="mas" value="Más pasos" type="button" onclick="masCampos()"/>
<input id="enviar" value="Enviar" type="submit"/>
</form>
</body>
</html> El cambio es el siguiente:
En vez de hacer el appendChild al body, se lo haces a un div el cual no contiene el boton enviar y el otro.
Mucha suerte! Saludos
