Animated input+label demo — lehollandaisvolant.net
Petite demo en CSS avec un brin de JS pour des labels sur des input et des textarea.
L’ensemble est destiné à ne pas encombrer l’espace avec des redondances entre les "placeholder" sur les champs et les "label".
Quand on clic (ou si la champ est rempli) le placeholder devient invisible et inutile, et c’est alors que le label devient visible.
Le tout est fait pour simuler ce qui est décrit concernant le Material Design pour les champs textes (en particulier cette démo).
L’ensemble est destiné à ne pas encombrer l’espace avec des redondances entre les "placeholder" sur les champs et les "label".
Quand on clic (ou si la champ est rempli) le placeholder devient invisible et inutile, et c’est alors que le label devient visible.
Le tout est fait pour simuler ce qui est décrit concernant le Material Design pour les champs textes (en particulier cette démo).