Champ optionnel et mise en forme [Résolu]

Signaler
-
 Celio -
Bonjour à tous,

Un input "optional" (HTML) vide est considéré comme "valid" par les navigateurs.

J'ai plusieurs champs "required" (sauf un, celui ci-dessus). Et j'ai "une animation" en css sur les labels lorsque je "focus" sur le champ ou qu'il est"valid". Du coup, le label de mon champ optionnel est toujours en position "après animation" (car "valid" même vide).

Une idée de pseudo-classe avec laquelle je pourrais m'en sortir ou tout autre solution ?

Tout en vous remerciant pour votre précieuse aide.

Celio

2 réponses

Bonjour,

Navré pour ma tardive réaction et merci pour l'intérêt que tu as porté à ma question. J'ai depuis trouvé une solution.

J'ai ajouté
placeholder=" "
à mes champs et j'ai ensuite travaillé avec la pseudo-classe

:not(:placeholder-shown)
.

En espérant que l'astuce servira à d'autres. :)
Messages postés
27
Date d'inscription
mardi 9 août 2011
Statut
Membre
Dernière intervention
21 mai 2020
2
Bonsoir, Celio,

tu as une url, que je puisse mieux visualiser ton problème ?