Formularios web que la gente sí envía
Las versiones rotas
Cada formulario de esta página tiene errores a propósito, para que vea lo que provocan. Cada sección explica qué está mal antes de que empiece su formulario. Para saltar un formulario, pase al siguiente encabezado.
Este ejemplo se ejecuta en su navegador. Nada de lo que escriba se envía a ninguna parte.
Placeholders en lugar de etiquetas
Estos tres campos no tienen etiqueta. Las palabras que ve son placeholders y desaparecen en cuanto escribe. Un lector de pantalla puede anunciar cada campo solo como campo de edición.
Una máscara que llena el campo antes de escribir
Los caracteres de la máscara están escritos dentro del campo, así que el formulario cree que ya tiene respuesta. La etiqueta nunca se aparta y queda encima de la máscara.
Errores vagos, comprobados con cada tecla
Este formulario se queja mientras todavía escribe, marca los problemas solo con un borde rojo y dice únicamente Entrada no válida arriba del formulario.
Un botón sin nombre que pierde su trabajo
El botón de envío es un icono sin texto, así que un lector de pantalla solo anuncia botón. Al pulsarlo no muestra nada mientras trabaja, y cuando falla la conexión simulada, el formulario borra todo lo que escribió.
Un formulario oscuro que nunca avisó al navegador
Esta zona oscura no declara color-scheme y su menú no tiene etiqueta. En muchos sistemas, la flecha del menú es gris oscura sobre casi negro, y un lector de pantalla solo anuncia un cuadro combinado.
Un formulario por pasos que olvida
Este formulario no guarda nada. Rellene el primer paso, recargue la página y empezará de nuevo.