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 HTML.
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>
Muy buena.
Excelente información.
Felicitaciones
Y si se trabaja con un botón que al pulsarlo envía dos datos a una función que procesa una suma ?.
Excelente informacion , espero aprender demasiado
Perfecto me funciono, gracias tenia un pequeño error en mi script, no hacia bien el envio de correos a los usuarios
saludos
Me encanto la explicación, muchas gracias :=)