los formularios html nos ayudan a aumentar la interactividad de nuestra Web y nos permiten recibir información de los usuarios de nuestro sitio. Son muy importante entenderlos y jugar con ellos hasta poder tenerlos presentes.
Una vez el usuario ha rellenado el formulario e introducido los valores en los campos, éstos son enviados para poder procesarlos. El envío de estos datos puede hacerse a un correo electrónico o a un programa que procese toda la información y nos ayude a hacer un seguimiento.
La etiqueta <form> tiene una serie de atributos básicos que vamos a conocerlos a continuación.
action:
El atributo “action” indica el tipo de acción que va a realizar el formulario. Anteriormente indicamos que la información podía enviarse a un correo electrónico o a un programa que la gestione. Es mediante esta etiqueta que se gestionan los formularios.
Si queremos que el formulario se envíe a un correo, la acción quedaría escrita de la siguiente manera:
<form action="mailto:direcciondelcorreo@misitio.com">
aquí colocamos todos los campos del formulario.
</form>
Este tipo de envíos se utilizaban antiguamente para enviar formularios de contactos. Ya no se utiliza mas ya que para enviar los datos exige que abras tu programa para enviar mails, como no todos tienen un gestor de mail configurado en la pc, no todos llegarían, hoy en día se utilizan script en php u otros lenguajes para procesar esos formularios. Si lo que queremos es que la información sea enviada a un script que la gestione, debemos indicarle en la acción, la url del archivo donde se encuentra ubicado el código que la gestionará. Si el script será generado por un archivo llamado envios.php lo escribiríamos de la siguiente manera:
<form action="envios.php">
ya aprendimos a indicarle quien se encargará de procesarlo pero...¿cómo mandamos los datos?.
Method:
Mediante este atributo le indicamos al formulario la forma en la que el formulario será enviado. Existen dos valores posibles: get y post.
El valor get es el valor por defecto. Si no concretamos el method, la información se enviará a través de este medio.
“get” indica que los datos enviados se adjuntarán en la barra de direcciones del cliente, al final de la url correspondiente y después de un signo de interrogación de cierre. Si se envía más de un dato, éstos irán separados por el símbolo &.
Un ejemplo de un formulario enviado por el method=“get” sería el siguiente:
http://www.sitio.com?nombre=valor1&comentario=valor2
si vamos a google y hacemos alguna búsqueda y miramos la dirección que se generó podemos ver que los datos del formulario se envió con este método. La mayoría de sitios que hacen búsquedas utilizan este método para enviar datos.
Encambio el valor post indica que el método de envío no se hará a través de la url, sino formando parte del cuerpo de la petición, con esto nos referimos que al enviar el paquete de datos al script quedan metidos ahí dentro los datos del formularios y no son visibles para el que está navegando. de esta forma podemos enviar datos ocultos sin que se entere el navegante (solo se podría ver si mira el código). De esa forma podemos indicar desde que página nos está enviando el comentario, o si está queriendo contactar a un admin o al otro.
enctype:
Mediante este atributo indicaremos la forma en la que viajará la información que se mande a través del formulario.
La forma puede ser de varios tipos, aunque el más común es que la información se envíe como texto plano (enctype="text/plain"), este es el valor por defecto. Este atributo no lo usaremos almenos que queramos hacer algún formulario de subidas de archivos, pero eso lo analizaremos en otra clase.
Ahora imaginemos que el archivo que procesará nuestro formulario se llama envios.php y que el método a utilizar es el post, entonces el formulario quedaría de esta forma:
<form action="envios.php" method="post">
... todos los campos del formulario aquí ...
</form>
En la próxima entrega aprenderemos un poco mas de los campos semánticos que tienen los formularios html 5.
Aconsejo que practiquen creando formularios de contacto. Quien tenga algún conocido que le pueda prestar un espacio en un servidor que soporte php pueden contactarme y les envío un script php para que procese sus formularios. Quienes no tengan esa posibilidad y quieran practicar igual me contactan y les intento facilitar algún método.
Si tienen dudas y o quieren compartir sus ejercicios pueden hacerlo en el grupo de facebook: https://www.facebook.com/groups/988605271203767 o por la página móvil del grupo: https://m.facebook.com/groups/988605271203767
Si estas clases te fueron de utilidad, considera donar para que este curso siga adelante de forma gratuita. Puedes donar de forma económica para que le pueda seguir dedicando mas tiempo a la escritura de estas clases, o bien con tu tiempo, escribiendo algún artículo que creas que pueda ser de utilidad para la comunidad.
¡Hasta la próxima clase!
No hay comentarios:
Publicar un comentario