Profe Johnny
Ejercicios · Grupo 5 de 6

Formularios

Captura de datos del usuario. Intenta resolver cada ejercicio en el editor antes de revelar la solución.

1 Ejercicio 1 Básico

Crea un input de texto con su label asociado.

ejercicio-1
Ver solución sugerida
solución 1
2 Ejercicio 2 Básico

Crea un input de tipo email.

ejercicio-2
Ver solución sugerida
solución 2
3 Ejercicio 3 Básico

Crea un input de tipo password.

ejercicio-3
Ver solución sugerida
solución 3
4 Ejercicio 4 Intermedio

Crea un grupo de 2 radio buttons para elegir género de curso: 'Online' u 'Presencial'.

ejercicio-4
Ver solución sugerida
solución 4
5 Ejercicio 5 Básico

Crea un checkbox para aceptar términos y condiciones.

ejercicio-5
Ver solución sugerida
solución 5
6 Ejercicio 6 Intermedio

Crea un select con 3 opciones de nivel educativo.

ejercicio-6
Ver solución sugerida
solución 6
7 Ejercicio 7 Intermedio

Crea un textarea para comentarios con placeholder.

ejercicio-7
Ver solución sugerida
solución 7
8 Ejercicio 8 Avanzado

Agrupa varios campos con fieldset y legend.

ejercicio-8
Ver solución sugerida
solución 8
9 Ejercicio 9 Intermedio

Agrega validación nativa con el atributo required a un input.

ejercicio-9
Ver solución sugerida
solución 9
10 Ejercicio 10 Avanzado

Construye un formulario de contacto completo: nombre, email, mensaje y botón de envío.

ejercicio-10
Ver solución sugerida
solución 10