|
Los formularios html nos ayudan a aumentar la interactividad de nuestra Web y
nos permiten recibir información de los usuarios de nuestro site. Los formularios
html están compuestos por campos de texto y botones.
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.
Los formularios son un tag más de html y, como todos los tags, debe
ir indicado mediante una etiqueta. La etiqueta de los formularios es <form>
y su cierre </form>. Todo lo que vaya dentro de estas etiquetas, serán
partes del formulario.
La etiqueta <form> tiene una serie de atributos básicos que vamos
a pasarte a explicar 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@correo.com…></form>.
Este tipo de envíos se utilizarían para casos de formularios de
contacto, de sugerencias, etc.
Si lo que queremos es que la información sea enviada a un programa que
la gestione, debemos indicarle en la acción, la url del archivo donde
se encuentra ubicado el programa que la gestionará. Lo escribiríamos
de la siguiente manera: <form action="dirección completa del
archivo que la gestionará" ...> </form>. Este tipo de envíos
se utilizarían para casos de formularios de encuestas, cuestionarios,
etc.
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............?nombre1=valor1&nombre2=valor2
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.
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").
Una vez vistos estos tres atributos, veremos como quedaría el código
de un formulario estándar a un correo eléctrónico:
| <form action="mailto:direcciondelcorreo@correo.com"
method="post" enctype="text/plain"> </form> |
Artículo escrito por Alberto Gómez para HazUnaweb.com. Queda absolutamente prohibida su reproducción.
| 