2011-08-06 24 views
37

Mis sitios Los formularios de registro de Aweber reciben mucho spam. Me dijeron que creara los formularios dinámicamente a través de javascript después de que la página se haya procesado o mediante el botón de hacer clic. ¿Cómo crearía y renderizaría un formulario a través de javascript?Cómo crear un formulario de forma dinámica a través de Javascript

+1

¿qué quieres decir con crear un formulario dinámicamente? –

+6

No estoy seguro de por qué esto fue downvoted tanto o cerrado. La generación dinámica de formularios a través de JavaScript significa construir el DOM en lugar de servirlo a través de HTML. – recursive

+13

Quiere decir crear un formulario después de que se haya procesado la página. ¿Por qué fue esto cerrado? – Sparkup

Respuesta

88

algo de la siguiente manera ::

Añadir esta Después de que el cuerpo de la etiqueta

Este es un boceto, que tendrá que modificarlo de acuerdo a sus necesidades.

<script> 
var f = document.createElement("form"); 
f.setAttribute('method',"post"); 
f.setAttribute('action',"submit.php"); 

var i = document.createElement("input"); //input element, text 
i.setAttribute('type',"text"); 
i.setAttribute('name',"username"); 

var s = document.createElement("input"); //input element, Submit button 
s.setAttribute('type',"submit"); 
s.setAttribute('value',"Submit"); 

f.appendChild(i); 
f.appendChild(s); 

//and some more input elements here 
//and dont forget to add a submit button 

document.getElementsByTagName('body')[0].appendChild(f); 

</script> 
+0

¿Cómo agregarías un botón (junto con el envío) para eliminar el formulario respectivo? – Jeremy

+0

Por algún motivo, el botón Enviar para este código no funciona en IE Edge ni en versiones anteriores de IE. Desconcertado por qué –

Cuestiones relacionadas