Comment réaliser un champ de formulaire avec label toujours visible ?

Dans ce tuto en vidéo, nous allons réaliser un formulaire de contact qui aura la particularité d'avoir un label toujours visible.

Comprenez ici, que nous allons mettre en place un trompe l'oeil en créant une sorte de "faux placeholder" (cadre de champ) qui restera toujours visible même si le champ est rempli par l'utilisateur. L'effet escompté sera garanti.

Le travail que nous allons réaliser demande des compétences en HTML5 ainsi qu'en CSS3.
Si vous voulez devenir incollable dans ces deux langages, je mets à votre disposition un tuto complet de plus de 13H00 pour tout savoir sur HTML5 et CSS3.

Une fois ce tuto visualisé, vous pouvez si vous le souhaitez, enchaîner sur un autre cours que j'ai réalisé pour vous et qui va vous permettre de pouvoir recevoir le résultat d'un formulaire de contact par email. Cet apprentissage se fera à l'aide du Php, pas à pas de façon extrêmement claire et simple.

Je mets à votre disposition l'ensemble des codes de ce tuto.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.