Les formulaires : Côté HTML & CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
2h19
de formation
23
leçons vidéo
3
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Les formulaires : Côté HTML & CSS

4.8/5 Trustpilot (1391 avis) Satisfait ou remboursé
2h19
de formation
23
leçons vidéo
3
chapitres

Ce tuto est entièrement dédié à l'apprentissage des formulaires du côté du HTML ainsi que du côté du CSS.
Tout sera abordé de A à Z. Grâce à ce cours, les formulaires n'auront plus de secrets pour vous et vous serez capable de créer et mettre en forme tous types de formulaires sur les pages de votre site Internet.
 

Au programme de ce tuto mise en forme de formulaires HTML et CSS

Voici les notions que nous allons aborder dans ce cours web :

  • Nous apprendrons ensemble les principales balises HTML qui permettent de mettre en place des formulaires sur un site Internet.
  • Nous verrons également les nouvelles balises HTML5 à notre disposition.
  • Nous verrons ensemble les champs de type texte, email ou encore url ainsi que leurs principaux attributs.
  • Nous découvrirons comment effectuer des zones dans un formulaire et même comment les rendre inactives.
  • Les menus déroulants, les cases à cocher ou encore les boutons radio seront également à l'étude de ce tuto.
  • Concernant le côté HTML5, nous verrons entre autre les champs de type date.
  • Ensuite, nous verrons comment nous pouvons mettre en forme un formulaire grâce au langage CSS3.
  • Enfin, nous terminerons ce tuto par la réalisation de 2 formulaires dont je mets les sources à votre disposition.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Un QCM fourni avec le cours vous permettra de tester vos nouvelles compétences.

Bonne formation sur les formulaires HTML et CSS !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Les classiques
Chapitre 2
Les nouveautés du HTML5
Chapitre 3
Création de formulaires

Table des matières

Chapitre 1 : Les classiques

53m54
 
Leçon 1La paire de balise FORM
Leçon 2Le champ TEXT
Leçon 3Les boutons de formulaire
Leçon 4Le LABEL
Leçon 5Définir une zone avec FIELDSET
Leçon 6La zone de texte
Leçon 7Le menu déroulant
Leçon 8Les cases à cocher
Leçon 9Les boutons radio
Leçon 10Définir l'ordre des tabulations
Leçon 11Désactiver une zone
Leçon 12Crypter un champ

Chapitre 2 : Les nouveautés du HTML5

24m20
 
Leçon 1Différents types INPUT
Leçon 2Le champ de type TEL
Leçon 3Le champ de type SEARCH
Leçon 4Le champ de type COLOR
Leçon 5Le champ de type RANGE
Leçon 6Le champ de type DATE

Chapitre 3 : Création de formulaires

1h01
 
Leçon 1Formulaire 1 : Le HTML
Leçon 2Formulaire 1 : Le CSS
Leçon 3Formulaire 2 : Le HTML
Leçon 4Formulaire 2 : Le CSS 1/2
Leçon 5Formulaire 2 : Le CSS 2/2

Avis des apprenants

Détail des avis
237
Apprenants
9
Commentaires
5/5
Note moyenne
5/5
9
4/5
0
3/5
0
2/5
0
1/5
0
Xavier Charvin
Xavier Charvin
Publié le 24/09/2025
Excellent tuto merci beaucoup
Carl Brison
Carl Brison
Merci beaucoup ;-)
Valérie Arno
Valérie Arno
Publié le 04/11/2024
Fait partie de la formation du développeur Web Front-End donc on n'y échappe pas. Un tuto déjà vu mais des petits rappels ne font pas de mal et perso j'en ai toujours besoin :-) Merci Carl - Grâce à vous et vos nombreuses formations, j'ai pu faire (entre autre) des jolis formulaires (et fonctionnels) pour mes sites persos. À très bientôt.
Carl Brison
Carl Brison
Merci beaucoup Valérie ! C'est toujours un plaisir de vous lire ;-)
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 02/09/2024
Merci pour ces explications limpides.
Carl Brison
Carl Brison
Merci beaucoup ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source des formulaires exemples

Bonjour, Une question, Les formulaires en HTML et CSS sont statiques ,et pour les rendre opérationnels ,si je ne me trompe ,il faut un script en php ainsi qu'une base de donnée. Pouvez vous m'éclairer sur la question? Merci.

Bonjour, ce tuto est le 1er d'une série consacrée aux formulaires. Celui-ci traite uniquement des codes HTML et CSS, un autre tuto traitera du traitement des données en utilisant le langage PHP ainsi que le langage SQL pour une insertion dans une table. Merci pour votre question.

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
23,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
2h19 de vidéo • 3 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 769 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données