Champ optionnel et mise en forme Résolu/Fermé

Question

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

sacapuss2 · Answer

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

Celio · Answer

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. :)

Champ optionnel et mise en forme

2 réponses

Discussions similaires