Regístrate para ver las instrucciones en video

← Volver a ejercicios

Aprende cómo usar e interactuar con Formularios en HTML

Domina el arte de los formularios HTML con ejercicios interactivos que abarcan entradas de texto, áreas de texto, entradas de fecha y números, menús desplegables y más. Aprende validación de formularios, estilos y las diferencias clave entre los métodos GET y POST. Ideal para mejorar tus habilidades frontend con retos progresivos y autocalificados.

Trabaja en entornos de codificación reales con LearnPack.

Obtén ayuda instantánea con nuestro mentor de IA: Rigobot.

Sin instalación, vas directamente a programar

Dificultad

  • easy

Duración promedio

3 hrs

Dificultad

  • easy

Duración promedio

3 hrs

Regístrate para obtener acceso gratis al tutorial interactivo

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Al registrarte estás aceptando nuestros Términos y condiciones y Política de privacidad.

Dificultad

  • easy

Duración promedio

3 hrs

Dificultad

  • easy

Duración promedio

3 hrs

Dificultad

  • easy

Duración promedio

3 hrs

Dificultad

  • easy

Duración promedio

3 hrs

Los formularios son tan importantes en el mundo de HTML, CSS y JavaScript que decidí dedicarles un tutorial especial para enfocarme en todas las entradas/inputs, botones y elementos que HTML trae por defecto para centrarme en la interacción. En estos ejercicios aprenderás:

  1. Uso de entradas/inputs de texto, text areas, entradas/inputs de fecha y entradas/inputs numéricas.

  2. Uso de dropdowns.

  3. Validaciones de formulario.

  4. Dar estilos a un formulario.

¿Cómo están organizados los ejercicios?

Cada ejercicio es una pequeña aplicación de React que contiene los siguientes archivos:

  1. index.js: representa el archivo de entrada para toda la aplicación.
  2. README.md: contiene las instrucciones de los ejercicios.
  3. test.js: no tienes que abrir este archivo, contiene el script del test para el ejercicio.

Nota: Los ejercicios son autograduados, pero los tests son muy rígidos y estrictos, mi recomendación es que no prestes demasiada atención a los tests y los uses solo como una sugerencia o podrías frustrarte.

Colaboradores

Gracias a estas personas maravillosas (emoji key):

  1. Alejandro Sanchez (alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖

Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!

Este y otros ejercicios son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Cursos de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.

Regístrate para obtener acceso gratis al tutorial interactivo

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Al registrarte estás aceptando nuestros Términos y condiciones y Política de privacidad.

Dificultad

  • easy

Duración promedio

3 hrs

Dificultad

  • easy

Duración promedio

3 hrs