Lo mejor para este tipo de cosas es utilizar un framework javascript
que te facilitará enormemente el trabajo.
Existen muchos, uno de los más conocidos es http://jquery.com/
En esta misma página hay mucha información sobre los métodos para crear
nuevos elementos html de forma muy rapida.
Por ejemplo, existe una función .html() que te permite introducir html al vuelo.
Aquí esta la página que lo explica: http://api.jquery.com/html/
Un ejemplo:
Código Javascript
:
Ver original$(body).html("<form action='pagina.php' method="post"><label for="puesto">Puesto</label><input name="puesto" id="puesto" "type="text" />
</form>");
Con esto reemplazas el contenido del cuerpo por el html escrito.
Si quieres elegir el sitio donde lo introduces puedes utilizar el id de algún elemento.
Por ejemplo, para introducirlo en un elemento con id = "elemento":
Código Javascript
:
Ver original$("#elemento").html("<form action='pagina.php' method='post'><label for='puesto'>Puesto</label><input name='puesto' id='puesto' type='text' />
</form>");
Con #elemento le indicas que te refieres a un id. Es como en los selectores css (en realidad, se basa en estos) e incluso puedes
utilizar selectores más avanzados. Es bastante potente.
El otro error que he visto es que no pones bien el atributo
name en los input y por eso no te funciona.
Lo que no entiendo es para que necesitas crear esos formularios con javascript,
a no ser que hagas algo de forma dinámica.