Pseudo-clases útiles para formularios

:valid, :invalid

Con estas pseudo-clases podemos saber si la información introducida en un input corresponde al formato que pide, ya sea validando su type o el atributo pattern (la cual se utiliza para introducir una expresión regular). En palabras más sencillas, podemos saber si se ingresó una letra donde debería ir un número, un correo con formato mal escrito y mucho más cosas. :valid se utilizará para inputs con formatos válidos e invalid cuando no. Algunos inputs son válidos aunque no se introduzca información, te recomiendo leer la documentación acerca de ellos.

:placeholder-shown

:placeholder-shown selecciona a los inputs o textareas que tienen su placeholder visible, en otras palabras nos indica si un input o textarea con el atributo placeholder tiene texto en éste o no.


Seguir leyendo -->