¿Qué función cumplen los elementos de un formulario web?

Fuera de los enlaces de hipertexto, forma
Los elementos fueron la primera forma de interacción entre los desarrolladores web
y lectores de la página web, y también fue una de las primeras razones de interés
en un idioma de secuencias de comandos.

Con el advenimiento de JavaScript, los elementos de formulario podrían validarse antes de los datos
fue enviado al servidor, guardando la hora del lector y el sitio web extra
Procesando. JavaScript también se puede usar para modificar elementos de formulario basados ​​en los datos del lector web
proporciona, como llenar una lista de selección con los nombres de las ciudades cuando un
Se selecciona cierto estado.

El punto importante para recordar al usar JavaScript con elementos de formulario es que las personas se vuelven JavaScript
APAGADO, por lo que no puede ser una dependencia para ninguna acción de formulario. JavaScript mejora,
no reemplaza.

Aunque validar el formulario en el cliente puede guardar un viaje de ida y vuelta, como
Una práctica de diseño de sonido, aún querrá validar los datos en el
servidor.

Debe acceder al contenido de un elemento de formulario de entrada de texto usando JavaScript.

Se puede acceder a formularios en una página web a través de una colección de objetos
(formularios) a través del
Documentar objeto. Cada forma tiene su
PROPIA COLECCIÓN (Elementos) de elementos de forma.

Acceder al elemento de formulario
El valor varía, según el tipo de elemento de formulario. Por ejemplo, una entrada de texto o
El valor del elemento de formulario de textura puede ser
accedido utilizando el atributo de valor.
Para acceder a la siguiente entrada de formulario
Datos del elemento:

¿Qué es un formulario y sus elementos?

El elemento de formulario inserta un componente diseñado para contener controles con los que los usuarios pueden interactuar para enviar información al servidor. Este elemento se usa comúnmente para recopilar información de los visitantes de un sitio web, como preferencias, comentarios, opiniones y mucho más. También es muy importante en el proceso de inicio de sesión que proporcionan algunos sitios web.

De todos sus atributos, dos tienen mayor importancia y generalmente se emplean: acción y método. El atributo de acción indica la ubicación del script que procesará la información enviada por el navegador, cuando se envía el formulario. Este script está escrito en cualquier idioma del lado del servidor y se supone que debe estar preparado para recibir y procesar los datos del formulario.

Por otro lado, el atributo del método indica cómo el navegador debe adjuntar los datos del formulario a la solicitud. Se recomienda utilizar el método POST porque oculta la información enviada y permite transmitir datos binarios. Sin embargo, algunas situaciones específicas pueden requerir el uso del método GET.

Además de este y algunos otros atributos, la forma es solo un contenedor para muchos otros elementos, la mayoría de ellos representan una amplia variedad de controles. Estos elementos se enumeran a continuación:

  • Botón: un botón que, cuando se presiona, puede realizar diferentes acciones dependiendo de su atributo de tipo. Sus variantes son:

Cuando se usa correctamente, especialmente ya que HTML5 comenzó a adoptar, los formularios son una herramienta poderosa que permite a los autores no solo recopilar información muy valiosa de los usuarios, sino también desarrollar aplicaciones complejas, capaces de recordar y procesar información muy específica de muchas maneras diferentes. .

¿Qué elementos deben tener los formularios?

  • Entradas ocultas: entradas con el valor de atributo de tipo de oculto (por ejemplo, type = «oculto»). Estas entradas están ocultas y no están disponibles para la entrada del usuario. Por lo tanto, no necesitan etiqueta.

Al agregar etiquetas, asegúrese de evitar lo siguiente:

Nombre: 

Este marcado se presenta para producir un cuadro de texto con las palabras «Nombre:» Al lado. Los usuarios avistados no tienen problemas para asociar el texto con el campo de entrada. Sin embargo, esta conexión no es tan clara para los usuarios no miope, especialmente a medida que los formularios se vuelven más largos y complejos. Esta ambigüedad puede hacer que los errores sean más probables, especialmente cuando la información requerida es más compleja que un nombre.

Para obtener instrucciones detalladas sobre cómo implementar estos diversos métodos de etiquetado, consulte las verificaciones automatizadas que se ejecutan como parte de esta regla.

Finalmente, asegúrese de que cada elemento de entrada tenga solo una etiqueta. Tenga en cuenta que si alguno de sus elementos de entrada tiene texto de ayuda, asegúrese de que este texto difiera del texto del elemento de etiqueta.

Se requieren etiquetas de formulario efectivas para que los formularios sean accesibles. El propósito de los elementos de formulario, como las casillas de verificación, los botones de radio, los campos de entrada, etcétera, a menudo es evidente para los usuarios avistados, incluso si el elemento de formulario no está etiquetado programáticamente. Los usuarios de lectores de pantalla requieren etiquetas de formulario útiles para identificar campos de formulario. Agregar una etiqueta a todos los elementos de formulario elimina la ambigüedad y contribuye a un producto más accesible.

Cuando las etiquetas para elementos de formulario están ausentes, los usuarios de lector de pantalla no conocen las expectativas de datos de entrada. Los lectores de pantalla no pueden determinar programáticamente información sobre objetos de entrada sin una relación de etiqueta establecida (o texto redundante que sirve como etiqueta).

Artículos Relacionados:

Más posts relacionados:

Deja una respuesta

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