PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 2024 → Utilisation style CSS + jQuery externe sur champ de saisie.
Utilisation style CSS + jQuery externe sur champ de saisie.
Débuté par Baptiste - BLV TECH, 05 juin 2019 08:32 - 3 réponses
Membre enregistré
257 messages
Popularité : +35 (37 votes)
Posté le 05 juin 2019 - 08:32
Bonjour,

Je souhaiterais utiliser le style de champ de cette exemple pour l'implémenté dans mon projet WebDev.

https://w3lessons.info/demo/gmail-login/…

N’ayant utilisé que les style natif a Webdev je ne sais pas comment faire. Des pistes ?

D’avance merci !

--
Baptiste CLOART
Freelance
b.cloart@blv-tech.com
06.88.74.80.65
www.linkedin.com/in/cloart
www.blv-tech.com
Posté le 06 juin 2019 - 10:59
Bonjour,

Il vous suffit d'utiliser le champ composant web (version 22 et supérieure) , de recupérer sur codepen les sources de leffet et de les mettres dans le champ composant web; enfin d'ajouter la classe definie dans les sources a ton champ natif webdev et le tour est joué
Membre enregistré
265 messages
Popularité : +14 (16 votes)
Posté le 06 juin 2019 - 12:06
Bonjour Baptiste,

Au cas où l'accessibilité serait prise en compte dans ton projet ou par toi-même, saches que ce style - qui consiste au transfert du placeholder en label d'un champ texte - est très fortement déconseillé par les recommandations Aria et RGAA.

Bon dev tout de même ! :)

--
René MALKA
Membre enregistré
257 messages
Popularité : +35 (37 votes)
Posté le 17 juin 2019 - 09:47
Bonjour,

Merci pour vos pistes. Je ne connais pas le site codepen.io
J'ai trouvé sur celui-ci un style CSS sans JAVA qui fait le travail.

Voici le lien : https://codepen.io/timchen0607/pen/qLaqwR

Bonne journée !

--
Baptiste CLOART
Freelance
b.cloart@blv-tech.com
06.88.74.80.65
www.linkedin.com/in/cloart
www.blv-tech.com