Comment réaliser un champ de formulaire avec label toujours visible ?
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

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

Carl Brison
Promo -33% Jusqu'au 23 juillet, 23:59
6,00€9,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation du travail
Leçon 2
Mise en place du code HTML
Leçon 3
Ecriture du CSS 1/3
Leçon 4
Ecriture du CSS 2/3
Leçon 5
Ecriture du CSS 3/3
Leçon 6
Test de notre travail
Leçon 7
Pour aller plus loin

Plan détaillé du cours

Leçon 1Présentation du travail
01m37s
Leçon 2Mise en place du code HTML
04m06s
Leçon 3Ecriture du CSS 1/3
08m04s
Leçon 4Ecriture du CSS 2/3
08m24s
Leçon 5Ecriture du CSS 3/3
03m33s
Leçon 6Test de notre travail
01m22s
Leçon 7Pour aller plus loin
01m01s

Aperçus

Avis des apprenants

Détail des avis
73
Apprenants
5
Commentaires
4,6/5
Note moyenne
5/5
4
4/5
0
3/5
1
2/5
0
1/5
0
Valérie Crouau
Valérie Crouau
Publié le 29/09/2020
Excellent tuto mené de main de maître par Monsieur Carl Brison, bravo ! Carl Brison nous présente cette "surprenante" astuce qui me permettra de personnaliser mes formulaires et de les rendre plus attractifs. Merci d'avoir pris le temps de partager cette astuce qui est vraiment très originale !!!
Carl Brison
Carl Brison
Merci beaucoup ;-)))
Valérie Arno
Valérie Arno
Publié le 08/08/2020
Merci Carl - Encore une nouvelle façon de présenter nos formulaires, plus esthétique et agréable. :-)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
Caroline Sanchez
Caroline Sanchez
Publié le 08/08/2020
merci , celà m'a beaucoup plus. à bientôt.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire. À bientôt ;-)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

CSS 3, HTML 5

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code complet de ce tuto.

Payer plus tard

Prix d'achat : 6,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1389 tutos gratuits

Notre politique de protection des données