étiquette flottante travaille avec des formes de HTML5 modernes qui prennent en charge l'attribut d'espace réservé.
Il fonctionne en prenant le texte d'un espace réservé et lentement l'animation au-dessus du champ lui-même à chaque fois que l'utilisateur se concentre le curseur à l'intérieur de la forme.
Si l'utilisateur saisit du texte dans le champ l'espace réservé restera au-dessus comme une étiquette classique, et si l'utilisateur quitte la boîte d'entrée sans saisir de texte ou supprime texte précédent, l'espace réservé est animée de retour à sa position normale.
Tout est fait par l'intermédiaire d'animations CSS3, avec absolument aucune JavaScript impliqués.
. Une page de démonstration est inclus avec le paquet d'étiquette flottante
Exigences :
- CSS 3 navigateur compatible
Commentaires non trouvées