En este curso, se dividen los formularios HTML en partes fáciles de entender. En los próximos módulos, aprenderás cómo funciona un formulario HTML y cómo usarlo de manera eficaz en tus proyectos. Usa el panel de menú que aparece junto al logotipo de Learn Formularios para navegar por los módulos.
Aprenderás a crear un formulario HTML básico, sobre los elementos de los formularios HTML, sobre cómo diseñar los formularios, cómo ayudar a los usuarios a volver a ingresar sus datos, cómo garantizar que el formulario sea accesible y seguro, cómo probar los formularios y sobre los tipos específicos de formularios.
Cada módulo cuenta con demostraciones interactivas y autodiagnósticos para que pongas a prueba tus conocimientos.
Este curso está destinado a principiantes y desarrolladores de HTML avanzados. Los primeros módulos te ayudan a comenzar a crear formularios HTML, mientras que los otros ofrecen más detalles. Puedes repasar la serie de principio a fin para comprender los formularios HTML de forma general o elegir un módulo específico sobre el que quieras obtener más información.
Requisitos previos
Antes de comenzar este curso, debes conocer HTML. Si no tienes experiencia en el desarrollo web, consulta el curso Introducción a HTML de MDN para aprender a escribir lenguaje de marcado.
Demostraciones
Para la mayoría de las demostraciones, usamos CodePen.
Si observas las demostraciones, es posible que te preguntes de dónde provienen los estilos. Usamos una hoja de estilo general que se incluye en todas las demostraciones, por lo que solo se muestran los estilos relevantes. En CodePen, puedes seleccionar los archivos CSS incluidos en Configuración.
Controles y campos del formulario
Un control de formulario es un elemento que permite la interacción del usuario y la entrada o selección de datos:
un <input>, <select>, <textarea> o <button>.
En ocasiones, el campo de formulario se usa para hacer referencia a los controles del formulario, en particular a elementos para la entrada de texto: <input> y <textarea>.
Esto es lo que aprenderás
Cómo usar formularios para obtener datos de los usuarios
Aprende los conceptos básicos para usar un formulario en la Web con esta introducción al elemento de formulario.
Ayuda a los usuarios a ingresar datos en formularios
Una descripción general de los diversos elementos de formulario que puedes elegir para crear un formulario.
Ayuda a los usuarios a evitar tener que volver a ingresar datos en los formularios
Facilita a los usuarios la tarea de completar formularios.
Ayuda a los usuarios a ingresar los datos correctos en los formularios
Aprende a validar tus formularios en el frontend.
Prueba tus formularios
Obtén información para probar y analizar tus formularios.
Conceptos básicos del diseño
Aprende a crear formularios fáciles de usar.
Accesibilidad
Cómo crear formularios inclusivos
Internacionalización y localización
Prepárate para los formatos de datos internacionales y aprende a planificar tu formulario para la localización.
Seguridad y privacidad
Obtén información para proteger tus formularios y mantener la privacidad de los datos de tus usuarios.
Autocompletar
Obtén información sobre la función Autocompletar y el atributo Autocomplete.
Cómo probar la usabilidad de los formularios
Descubre cómo realizar pruebas de usabilidad y asegúrate de que el formulario funcione bien para todos los usuarios.
Formularios de prueba en varios dispositivos y plataformas
Asegúrate de que tu formulario funcione con diferentes dispositivos, navegadores, plataformas y contextos.
Recopilación de datos
Aprende a medir y analizar tu formulario.
Descripción detallada del elemento del formulario
Obtén información detallada sobre el elemento de formulario, cuándo debes usar un formulario y cómo funciona.
Detalles de los campos del formulario
Obtén información sobre los diferentes campos del formulario que puedes utilizar y cómo elegir el elemento adecuado.
Detalles de los atributos del formulario
Aprende todo sobre los atributos del formulario: cómo modificar el diseño de los teclados en pantalla, activar la validación integrada y mucho más.
Cómo diseñar formularios
Aplica diseño a formularios con CSS y, al mismo tiempo, asegúrate de que sean fáciles de usar y legibles para todos.
Cómo aplicar diseño a controles de formularios
Aprende a implementar controles de formularios con CSS.
JavaScript
Descubre cómo usar JavaScript para mejorar tus formularios.
Formularios de pago
Mejora los porcentajes de conversiones mediante la creación de mejores formas de pago.
Formularios de dirección
Ayuda a los usuarios a completar formularios de dirección de forma rápida y sencilla.
Conclusión y próximos pasos
Más recursos para ayudarte a dar los próximos pasos.
Entonces, ¿todo listo para aprender sobre los formularios? Comencemos.