Objectif Frontend. Comment moderniser facilement un champ de formulaire avec CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Objectif Frontend. Comment moderniser facilement un champ de formulaire avec CSS

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 cours en ligne, je vous propose d'apprendre à rendre facilement moderne des champs input de formulaire dans le but de les rendre agréables pour vos utilisateurs.
Pour ce faire, nous allons utiliser une partie de nos connaissances en langage CSS afin de permettre la manipulation des simples champs input de formulaire HTML.
Nous irons plus loin puisque nous chercherons à modifier la mise en forme du label lorsque son champ input aura le focus !

Je mets les codes de ce tuto à votre disposition.
Pour aller plus loin dans les connaissances utilisées dans ce tutoriel, je vous propose un tuto dédié aux combinateurs CSS.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous permettra de valider vos compétences.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du code HTML
Leçon 2
Mise en forme du champ de formulaire
Leçon 3
Manipuler le focus d'un champ de formulaire

Plan détaillé du cours

Leçon 1Mise en place du code HTML
03m58s
Leçon 2Mise en forme du champ de formulaire
13m18s
Leçon 3Manipuler le focus d'un champ de formulaire
09m31s

Aperçus

Avis des apprenants

Détail des avis
41
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 28/01/2023
Merci Carl pour ce nouveau tuto. Je rejoins le commentaire précédent. On va de découverte en découverte avec vous. Super tuto très bien expliqué avec de nouvelles astuces CSS. Validé 100 % champ de formulaire.
Carl Brison
Carl Brison
Merci pour votre commentaire super gentil ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 07/07/2022
Décidément inépuisable, ce css!
Carl Brison
Carl Brison
C'est clair, et ce n'est pas fini ! Merci beaucoup pour votre commentaire
Valérie Arno
Valérie Arno
Publié le 08/06/2022
Ce fut également un plaisir de suivre ce petit tuto qui m'a rappelé qu'on pouvait donner une dimension au label avec les padding (sans width) et m'a fait découvrir le focus-within qui donne un effet sympa au label en focus. On va de découverte en découverte avec vous :)
Carl Brison
Carl Brison
Merci beaucoup Valérie ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

HTML 5

Quel est le niveau requis pour suivre ce tuto ?

débutant

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 1387 tutos gratuits

Notre politique de protection des données