Wenass!
Cómo puedo hacer para añadir campos a este form???.Intento añadir el mismo campo una y otra vez cada vez que se haga click en el botón Mas Pasos.
Pero que se añada siempre el mismo par de campos iniciales.
Este es el código del form:
Código HTML:
<body>
<div id="div_form_colaborar">
<form id="form_colaborar" action="colaborar.asp" method="post">
<div id="div_foto">
<label id="label_foto" for="foto">Nombre foto:</label>
<input id="foto" name="foto" size="65" type="text" />
</div>
<div id="div_texto">
<label id="label_texto" for="texto">Descripción:</label>
<textarea name="texto" id="texto" cols="50" rows="8"></textarea>
</div>
<div id="div_enviar">
<input id="mas" value="Más pasos" type="button" onclick="masPasos()"/>
<input id="enviar" value="Enviar" type="submit"/>
</div>
</form>
</div>
</body>
Y lo que había hecho en DOM hasta ahora sin funcionar es esto:
Código:
<script type="text/javascript">
function masPasos(){
var mas = document.getElementById("mas");
var form = document.getElementById("div_form_colaborar");
var div_foto = document.createElement("div");
var labelFoto = document.createElement("label");
var textFoto = document.createTextNode("Nombre foto:");
labelFoto.appendChild(textFoto);
div_foto.appendChild(labelfoto);
form.insertBefore(div_foto, mas);
var input = document.createElement("input");
form.insertBefore(input,mas);
var labelDescripcion = document.createElement("label");
var textLabel = document.createTextNode("Descripción");
labelDescripcion.appendChild(textLabel);
form.insertBefore(labelDescripcion,mas);
var textArea = document.createElement("textarea");
form.insertBefore(textArea,mas);
}
</script>