Boton creador de formulario

[luigieder]

hola quiero hacer que un boton cada vez que le de click me valla creando un formulario en la misma pagina de forma horizontal sera que alguien me puede decir como hacerlo..

[Karmac]

Con JavaScript, eso es algo sencillo. Saludos.

[luigieder]

si es sencillo como lo hago es que no tengo mucha idea de javascript

[Batan]

Te dejaré un ejemplo muy básico que hice.


Código JS. Va entre las etiquetas head

Código Javascript:

<script type="text/javascript" language="javascript">
function agregarFormulario(){
var nuevoForm = document.createElement('form');//Crear el formulario
var nuevoInputText = nuevoForm.appendChild(document.createElement('input'));//Dentro del formulario creas la caja
var nuevoInputBoton = nuevoForm.appendChild(document.createElement('input'));//Dentro del formulario crear el boton
 
nuevoInputText.type = 'text'; //defines el tipo de la caja
nuevoInputBoton.type = 'button'; //defines el tipo del boton
 
var division = document.getElementsByTagName('division')[0];// guardas en una variable la etiqueta donde quieras mostrar el formulario.
 
document.getElementById('division').insertBefore(nuevoForm,division);//muestras el formulario
document.getElementById('division').insertBefore(nuevoInputText,division); //muestras la caja
document.getElementById('division').insertBefore(nuevoInputBoton,division); // muestras el boton
}
</script>
 

El HTML

Código HTML:

<div id="division">
</div>
<br />
<input type="button" onclick="agregarFormulario()" value="Agregar Formulario"/>
 

Ahora con esto tu debes empezar a buscar sobre las propiedad que desees. Ojo a la propiedad Nodeclone.

Una referencia.
http://www.peterbe.com/plog/createelement-a


Un ejemplo para lo que tu quieres(pero si no te informas sobre estos methodos y propiedad no sabrás que hacer)
http://www.telefonica.net/web2/blas-mar/crear.html



Saludos y suerte!

[luigieder]

hola batan el codigo que me diste esta bien pero como hago para meterle un method o un action al formulario como lo hago en un formulario normal o si quiero meterle codigo php gracias por responder.....

[amdisenoweb]

en la pagina que te han puesto arriba viene como crear un evento onclick
ele = document.createElement('input'); // 5
ele.type = 'button'; // 6
ele.value = 'Borrar'; // 8
ele.name = 'div'+num; // 8
ele.onclick = function () {borrar(this.name)} // 9
contenedor.appendChild(ele); // 7

[Batan]

Solo es cuestion de buscar ligieder.
Y si tienes problemas con su funcionamiento pues ahi si ya recurrir a la ayuda si es mejor en el foro de javascript por que esto es HTML.

Saludos.