$ 9.00

Tuto Dev Fron tEnd #6 : Icônes dans les champs d'un formulaire avec CSS

$ 9.00

  • Une formation vidéo de 1h12s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 !

Table des matières de cette formation CSS (durée : 1h12s)

    • Création du formulaire en HTML gratuit 00:04:29
    • CSS, mise en forme des différents champs 00:06:17
    • CSS, lueur externe autour du champ qui a le focus 00:02:46
    • Récupération des icons 00:06:26
    • Mise en place des icons sur notre page web 00:03:30
    • Mise en place des icons dans les champs de formulaire 00:05:15
    • Un peu de style CSS pour les icons 00:04:53
    • Positionnement du formulaire sur l'écran 00:07:20
    • Ajouter un fond aux icons 00:08:55
    • Mise en forme de la page web 00:07:02
    • Conclusion 00:00:37
    • Pour aller plus loin 00:02:42



Formateur : Carl Brison

Carl Brison a publié 116 tutoriels et obtenu une note moyenne de 4,9/5 sur 7 239 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

6
avis laissés
5 étoiles
6
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Que contient le fichier source ?
    Le code source du tuto
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1086 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données