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.
Table des matières de cette formation HTML, CSS (durée : 22m33s)
-
- Mise en place du code HTML 00:04:46
- Mise en forme du champ de formulaire 00:09:44
- Manipuler l'icône du champ de formulaire 00:08:03
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl, tutoriel bien expliqué
-
Encore un "petit css", toujours avec le même plaisir et un étonnement renouvelé devant ce réservoir de "baguettes magiques".
-
Avec quelles versions de logiciels ce tuto est-il compatible ?HTML 5, CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source de ce tuto
note moyenne
avis laissés