4.8/5 Trustpilot (1385 avis)
Créer un formulaire d'inscription design
Créer un formulaire d'inscription design
Vous souhaitez améliorer visuellement vos formulaires ? Les rendre plus modernes et offrir une meilleure expérience utilisateur ?
Voici un tuto vidéo qui va vous apprendre comment placer des icônes à l'intérieur d'un champ "input" de formulaire.
Au programme de ce tuto CSS ajouter des icônes dans des champs d'un formulaire
- Tout se fera au travers du langage CSS, ainsi la manipulation des icônes sera totale.
- Vous pourrez agrandir ces icônes, changer leur couleur, modifier leur changement d'état (...)
- Un tuto sur la pratique du CSS, avec systématiquement des explications concrètes sur les propriétés CSS utilisées.
- Nous ferons même un petit détours du côtés FlexBox.
Le cours se termine par un QCM pour valider vos acquis.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Les fichiers de travail sont fournis.
Pour aller plus loin et tout savoir sur les formulaires, voici un Bundle complet sur ce sujet !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Création du formulaire en HTML
Création du formulaire en HTML
Leçon 2
CSS, mise en forme des différents champs
CSS, mise en forme des différents champs
Leçon 3
CSS, lueur externe autour du champ qui a le focus
CSS, lueur externe autour du champ qui a le focus
Leçon 4
Récupération des icons
Récupération des icons
Leçon 5
Mise en place des icons sur notre page web
Mise en place des icons sur notre page web
Leçon 6
Mise en place des icons dans les champs de formulaire
Mise en place des icons dans les champs de formulaire
Leçon 7
Un peu de style CSS pour les icons
Un peu de style CSS pour les icons
Table des matières
Leçon 1
Création du formulaire en HTML
04m29
Leçon 2
CSS, mise en forme des différents champs
06m17
Leçon 3
CSS, lueur externe autour du champ qui a le focus
02m46
Leçon 4
Récupération des icons
06m26
Leçon 5
Mise en place des icons sur notre page web
03m30
Leçon 6
Mise en place des icons dans les champs de formulaire
05m15
Leçon 7
Un peu de style CSS pour les icons
04m53
Leçon 8
Positionnement du formulaire sur l'écran
07m20
Leçon 9
Ajouter un fond aux icons
08m55
Leçon 10
Mise en forme de la page web
07m02
Leçon 11
Conclusion
37s
Leçon 12
Pour aller plus loin
02m42
Aperçus
Avis des apprenants