Objectif Frontend. Comment installer facilement une icône dans un champ de formulaire

Dans ce cours en ligne, je vous propose d'apprendre à rendre facilement moderne des champs de formulaire en y superposant une icône de votre choix. Ceci dans le but de rendre agréables vos champs de formulaire HTML.

Pour ce faire nous allons utiliser le langage CSS afin de permettre la superposition d'un champ de formulaire et d'un label de formulaire HTML.

Nous irons plus loin puisque nous chercherons à modifier la couleur de l'icône 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 différents positionnements en langage CSS.