Enviar variables de formularios que estan en varios div

Aprende a utilizar correctamente la etiqueta de formularios (form) y así poder enviar todos los datos que quieras independientemente de si están en varios div o en columnas diferentes.

Me he dado cuenta de que algunas búsquedas al blog vienen bajo el término: mandar variables de varios divs y similares.

He supuesto que se refieren a enviar datos de un formulario que está en varios div y no solo en uno.
Pese a que pueda parecer complicado, no lo es en absoluto y vamos a aprenderlo en este pequeño post.

El elemento form

El elemento de formularios form se utiliza para delimitar el área de un formulario y es un elemento conceptual, no existe visualmente.
Esto nos permite utilizar una misma etiqueta form entre varios div sin perder la estructura de la página.

Enviar variables de varios divs

Así un ejemplo funcional podría ser:

<form action="" method="post">
  <div>
        <input type="text" id="nombre" value="" >
        <input type="text" id="apellido" value="" >
  </div>

  <div>
             <input type="text" id="direccion" value="" >
             <input type="text" id="aficion" value="" >
             ....
  </div>
</form>

De esta sencilla forma somos capaces de enviar variables de varios divs a un formulario.
Recoger la petición es algo que ya sabes hacer seguro!

Solo hay que tener en cuenta la filosofía de html, first to open first to close (primero en abrirse, primero en cerrarse) y así nunca “destruiremos” nuestra estructura html.

Conclusión

Hemos aprendido que los formularios son etiquetas conceptuales.
El lugar donde pongamos los forms no afectará al funcionamiento completo de la web y nos permitirá enviar variables de varios div u otra etiqueta a la vez.

One Response to Enviar variables de formularios que estan en varios div

  1. angelkaido dice:

    gracias llevaba mas de media hora intentando poner un formulario con cuatro grupos de divs diferentes … y es cierto olvide la estructura basica del HTML … :/ gracias de nuevo me has super salvado xDDD

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">