Ejercicios resueltos formularios en HTML5

Ejercicio 1.

Realiza un formulario que pida nombre, apellidos, correo-e y web. Obligatorio required.

Formularios HTML5

 

Ejercicio 2.

Diferencias entre GET y POST. Método GET.

Método GET

Los parámetros se verán en la URL cuando tiquemos en el botón Enviar del formulario. Fallo de seguridad en la aplicación. Pero a veces en diferentes contextos es necesario el paso de parámetros por GET. Pero en aplicaciones de logueo de usuario y contraseña sería un fallo de seguridad.

Método_GET_url

Código PHP del archivo ver.php

Ejercicio 3.

Diferencias entre GET y POST. Método POST.

Si empleamos en método POST los parámetros no se ven a través de la URL. Ahora la URL va limpia.

Método_POST

Código PHP método POST

Ejercicio 4.

Realiza en HTML5 una barra de rango.

Barra de rango

Ejercicio 5.

Crea un campo de tipo text que envíe una contraseña por post.

La contaseña debe contener al menos entre 6 y 12 caracteres o números, o bien debe ser alfanumérica.

Expresiones Regulares

Como podéis comprobar aparece pattern, sería para realizar expresiones regulares.

  • [A-Za-z0-9]  –> aceptaría de la A a la Z, de la a a la z y del 0 al 9
  • {6,12} –> solamente aceptaría entre 6 y 12 valores

Ejercicio 6.

Realiza el siguiente datalist en HTML5

Datalist HTML5

 

En breve pondré más ejercicios resueltos:

En Construcción

Deja un comentario

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies ACEPTAR

Aviso de cookies