Champ optionnel et mise en forme

Résolu
Celio -  
 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

Celio
 
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. :)
1
sacapuss2 Messages postés 26 Date d'inscription   Statut Membre Dernière intervention   2
 
Bonsoir, Celio,

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