formulario para enviar multiples datos al servidor

Hace unos diaz mientras programaba una pagina web (aclaro que soy aprendiz en el tema, y que quiero programar mi primera pagina web), me enfrente al problema de crear una formulario dinamicamente en javascript, es decir tenemos que mandar unos datos para guardar en la base de datos, pero la cantidad de datos que se enviaran sera siempre variable (dentro de algunos limites, y con algunas reglas) y dependeran del usuario.Supongamos que los tipos de datos de usuario a completar sean  3, nombre, contraseña y correo.
Un administrador desea enviar 3 usuarios a la base de datos, y otro dia ese mismo administrador desea enviar 5 usuarios (con sus campos claro), entonces debemos programar un script en javascript para que un administrador inserte la cantidad de usuarios que desea enviar y de acuerdo a esto se cree el formulario necesario. Y una vez esto debemos programar un codigo php para que reciba bien los multiples datos.

1) Vayamos por el codigo javascript para crear los el formulario que se necesita.
necesitamos 2 cosas, dos formularios (uno para insertar el numero de fila que se necesita), un div cuya funcion sera siempre contener el formulario que se creara dinamicamente.
  Usaremos html 5 por simplicidad pero igual es valido para html 4.01


 <html>
 <head>
<style type="text/css">
/*formulario donde se ingresara el numero de filas que tendra el formulario dinamico*/
.form1={position:absolute; top:10px; left:300px;}
/*div donde se creara el formulario dinamico*/
.contenedor{position:absolute; top:40px; left:300px;width:100px;height:auto;}
</style>
<body>
  <form class="form1" id="form1">
 <table border="0">
 <tr><td>inserte el numero de filas del formulario</td><td><input type="text" id="cantidad_filas"></td><td><input type="button" value="crear formulario" id="crear"></td></tr>
 </table>
 </form>
 <!--este div quedara vacio, en el crearemos el segundo formulario-->
 <div class="contenedor" id="contenedor">
 </div>
</body>
<script type="text/javascript">
/*creamos la funcion crear_formulario() que sera llamada cada vez que hagamo click en el boton id="crear"*/
function crear_formulario()
{
  var cantidad=document.getElementById('cantidad_filas').value
  var numero=eval(cantidad)
  var columna=""
  var fila=""
  var a=""
  var j=0
  var i=1
  for (j=0;j<=numero-1;j++)
  {
    for (i=1;i<=3;i++)
    {
      a=i+j*3
      /*con este bucle creamos las tres columnas que formaran la fila y los elementos necesarios del formulario como los input con sus nombres , observen que los nombres seran numeros, esto facilitara su extraccion al enviarlo a archivo php que los inertara en la bases de dato*/
      if(a==1)
   {
    var valor="nombre"  
   }
   if(a==2)
   {
    valor="apellido"
   }
   if(a==3)
   {
     valor="correo"
   }
   if(a>=4)
   {
 valor=""
   }
      columna=columna+"<td><input type="text" class="inpu_materias" name=""+a+""value="+valor+">         </td>"
     } 
  /*finalmente creamos la fila y la concatenamos con la fila que se creo anteriormente*/
  fila=fila+"<tr>"+columna+"</tr> n" 
  columna="";
 }
/*al terminar los dos bucles tenemos la estructura interna de la tabla , asi que insertamos esta estructura entre las etiquetas necesarias para crear la tabla */
var tabla="<table border="0">"+fila+"</table>"
/*finalmente insertamos la tabla dentro de las etiquetas del formulario*/
var forma="<form method="post" action="conectar.php">"+tabla+"<input type="submit" value=enviar datos"></form>"
/*y escribimos el codigo obtenido en el div id="contenedor", que al ser html el navegador lo interpretara como tal y por ende dibujara la tabla*/
document.getElementById('contenedor').innerHTML=forma
}
/*atribuimos el evento click al boton id="crear" y la funcion de respuesta crear_formulario()*/
document.getElementById('crear').addEventListener('click',crear_formulario,false)
</script>
</htm>


Aqui el formulario demostracion
formulario para enviar multiples datos al servidor
10 Puntos Score: 5/10
Visitas: 1436 Favoritos: 9
Ver los usuarios que votaron...
4 Comentarios formulario para enviar multiples datos al servidor
Por cosas de la vida sabes programar para Android ? si sabes deberias de dar algunas clases con algunos tutoriales o algo asi ! ayudaria a varios Saludos  
por eso teneis que ponerle capcha a vuestros formularios  web
@KenghiTzel jejejeej si no me explique bien la idea es hacer un formulario con una cantidad de campos variables y que la persona ingrese cuantos campos desea en el formulario y a partir de ahi se crea el formulario
con jquery podrias reducirlo a unas simples lineas

$("#add_fila").click(function(evento){
         
         evento.preventDefault();
         
         var nt = 0;
         var nt = $('table tr').length + 1; // numero de fila
         $("table tr:eq(1)").clone(true).attr("id", nt).removeClass('filas').appendTo("table");
         
        });

lo que hace es clonar una fila que tendr?
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!