Los formularios HTML son una herramienta muy poderosa para interactuar con los usuarios, pero por razones técnicas no siempre es obvio cómo utilizarlos en todo su potencial. El simple envío de datos no es suficiente en este caso; también debe asegurarse de que los datos que los usuarios completan en los formularios se envíen en el formato correcto que se necesita para que se procesen correctamente y que esto no rompa las aplicaciones existentes. También es importante ayudar a los usuarios a completar los formularios correctamente y no frustrarse al intentar usar las aplicaciones.
La etiqueta se utiliza para crear un formulario HTML. En realidad, no crea un margen, pero se utiliza como contenedor principal para elementos como. Ya sea que desee crear un formulario de suscripción simple con pago y pago regulares, o aplicaciones web interactivas, necesitará usar etiquetas de elementos HTML para trabajar, la más importante de las cuales es.
Cuán estándarFormularios HTML
Los formularios HTML se inventaron y se estandarizaron en gran medida antes de la llegada de JavaScript asíncrono y las aplicaciones web complejas. Hoy en día, se utilizan entradas de formulario, botones y otros mecanismos de interacción, pero en el centro de esto se encuentra un sistema basado en el paradigma de solicitud y respuesta
Cuando un usuario carga una página, se envía una solicitud http (generalmente, la llamada solicitud GET). Su navegador lo envía al servidor y, por lo general, el servidor responde con la página web que el usuario está buscando. Esta interacción es uno de los conceptos más fundamentales de Internet. Y eso explica exactamente cómo funcionan los formularios HTML.
El proceso de intercambio de información con el servidor
Each, que incluye elementos como, se encuentra dentro y tiene un atributo de nombre (nombre), así como su valor. El valor se define de diferentes maneras. Para el texto, este será el valor que el usuario del sitio ingresó en el campo. Para un botón de radio, el valor de la opción seleccionada. El usuario puede establecer el valor, pero la mayoría de las veces no puede establecer el atributo de nombre. Esto crea un conjunto de pares de nombre/valor donde los valores están determinados por la entrada del usuario.
La principal diferencia entre un formulario y un documento HTML normal es que, en la mayoría de los casos, los datos recopilados por un formulario se envían a un servidor web. En este caso, debe configurar un servidor web para recibir y procesar datos. atributo de acción de etiquetaespecifica la ubicación (URL) donde se deben enviar los datos recopilados.
Cómo es la respuesta del servidor
Cuando se envía el formulario, los pares de nombre-valor y todos los campos dentro del elemento se incluyen en HTTP. Se realiza una solicitud a la URL especificada en el formulario del atributo de acción. El tipo de solicitud (GET o POST) estará en el atributo del método. Esto significa que todos los datos proporcionados por el usuario se envían al servidor tan pronto como se envía el formulario, y el servidor puede hacer lo que quiera con esos datos. Cuando el servidor recibe el envío de un formulario, lo trata como cualquier otra solicitud HTTP. El servidor hace lo que tiene que hacer con los datos incluidos y envía una respuesta al navegador.
Si recuerdas que cargar la página es la respuesta, notarás que aquí sucede lo mismo. En un formulario típico creado con la etiqueta, la respuesta es una nueva página cargada por el navegador. Por lo general, la nueva página reemplaza el contenido actual, pero esto se puede anular con el atributo de destino. La gran mayoría de los formularios en línea funcionan de esta manera, por lo que se envía al usuario a una página de agradecimiento cuando completa un formulario de suscripción por correo electrónico.
Aplicaciones web y formularios sin etiqueta
Las aplicaciones web interactivas modernas utilizan código JavaScript para realizar solicitudes http asíncronas. Estas son llamadas al servidor que no provocan una recarga de página. No se basan en una etiqueta, un elemento HTML integrado en el comportamiento. No combinan todos los datos en un todo único.usuario y no los envíe inmediatamente. Por esta razón, muchos diseñadores de maquetación HTML + JS en aplicaciones web no utilizan la etiqueta en todos los formularios. Más a menudo, simplemente lo usan como una especie de contenedor para varios tipos de campos y elementos de entrada. En este caso, los atributos de método y acción utilizados no serán visibles.
Más sobre formularios
Los formularios HTML son uno de los aspectos más destacados de la interacción de un usuario con un sitio web o una aplicación. Permiten a los usuarios enviar datos al sitio. La mayoría de las veces, los datos se envían al servidor web, pero la página web también puede interceptarlos para usarlos por su cuenta. Hay muchos elementos relacionados con la forma: diferentes tipos de botones, selectores para diferentes tipos, mecanismos de retroalimentación. Por lo tanto, puede ser difícil decidir qué valores asignar a los atributos de la etiqueta. Cuando se trata de crear formularios, debe hacerlos funcionar en diferentes tamaños de pantalla. Es importante hacerlos accesibles a las personas con discapacidad. Esta es la razón por la que los formularios y las etiquetas de atributos son quizás el aspecto más complejo de HTML.
En qué consiste la forma
El formulario HTML consta de uno o más widgets. Pueden ser campos de texto de una o varias líneas, cuadros de selección, botones o botones de radio. Se asocian con mayor frecuencia con un atributo que describe su propósito: implementados correctamente pueden instruir claramente tanto a los usuarios videntes como a los ciegos sobre cómo llegar al formulario de entrada. Atributoasociado correctamente con sus atributos for e id, respectivamente. La etiqueta for se refiere al atributo id del widget correspondiente, y el lector de pantalla, usándolo, leerá lo que está escrito en él.
Además de las estructuras específicas de la etiqueta, es importante recordar que los formularios son solo código HTML. Esto significa que puede usar todo el poder de HTML para estructurar sus formularios. Una práctica común es usar la etiqueta para envolver elementos etiquetados con
. Las listas HTML también se utilizan ampliamente; se utilizan varias casillas de verificación o botones de radio para la estructuración. Después de crear los campos de entrada, queda agregar un botón usando la etiqueta y verificar el resultado. La flexibilidad de los formularios HTML los convierte en una de las estructuras más complejas del formato HTML. Pero con la estructura correcta al crear un formulario HTML, puede asegurarse de que sea utilizable y accesible.
