SocraTips - Cómo dar estilos de validación en formularios con :valid e :invalid - SocraTech

Miriam Segura, profesora del Bootcamp Full-Stack Web Developer, nos explica cómo podemos personalizar nuestros formularios dando estilos diferentes a los campos que se han completado de manera incorrecta.
Utiliza para ello las pseudo-clases :valid e :invalid
¡Aprende con nosotros!
socratech.es
#bootcamp #programacion #css3 #html #html5 #css #javascript #js
¡Más en nuestras redes!
Nuestro canal de KZbin: / @socratech
Whatsapp: wa.me/34623105448?text=Hola%2...!
Instagram: / socratechescuela
Twitter: / socratech_
Facebook: / socratech-106357911679909
LinkedIn: / escuela-socratech
Twitch: / socratech
EventBrite: socratech.eventbrite.es
Spotify: open.spotify.com/user/1q864u0...

[@Henry_Nunez]

👏👏👏👍 *GRACIAS* 😊

[@SocraTech]

¡Gracias a ti Henry por seguirnos!

[@jeronimochaverrimonkeyholmes]

cuando tengo dos opciones en las que necesito hacer esto pero las dos tienen posiciones diferentes en la página como hago para seleccionar las pseudo clases y posicionar el mensaje acorde a cada elemento?

[@SocraTech]

Hola Jerónimo, cuando utilizas estas pseudo clases puedes aplicárselas, no solo a la etiqueta input, sino a cualquier otro selector, como puede ser una clase, id...de manera que si utilizas diferentes selectores podrás dar estilos diferentes a cada input. Un saludo