Validación de formularios en

HTML5
La validación de formularios del lado del cliente ha
sido un problema que siempre se ha solucionado
con la utilización de Javascript, ya sea con código
propio o de terceros. Esto es debido a que en el
pasado era impensable tener una solución con
HTML puro, pero con la llegada del conjunto de
especificaciones y tecnologías que componen el
actual HTML5, ahora esto es posible.
El atributo «required»

Al incluir el atributo required dentro de un

elemento <input>, automáticamente se hace
obligatorio su llenado y al ser un atributo tipo
booleano, solo se requiere su presencia sin más.
El atributo «title»
En el momento en que se encuentra un error de
validación se ejecuta la acción por defecto del
navegador, normalmente aparece un pequeño globo
emergente (tooltip) conteniendo un texto de
advertencia. Añadiendo el atributo title en la
etiqueta <input>, se puede extender la información
mostrada.
Tipos «input»
La etiqueta input nos permite definir un tipo
específico de datos para que sean solicitados según
nuestras exigencias, por ejemplo un tipo email en la
etiqueta <input>, el navegador por si mismo hace la
validación del tipo en cuestión.
Es lo mismo con el resto de los tipos
de <input>: search, url, tel, email, password, date,
number, checkbox, radio y file.
La pseudo clase: invalid de CSS3

Básicamente la pseudo clase: invalid representa

cualquier campo invalido que sea resultado de una
validación (valga la redundancia). Esto facilita que si
un campo contiene un valor inválido pueda adoptar
una apariencia acorde, de esta forma ayudando al
usuario a identificar los campos que necesitan ser
verificados.