Module 1 : Découvrir le Web et HTML
1.1 — Comment fonctionne le Web Aperçu
Module 2 : Structure d'une page HTML5
2.1 — Anatomie d'une page HTML5 Aperçu
Module 3 : Balises de texte — Titres, paragraphes et listes
3.1 — Hiérarchie des titres et paragraphes Aperçu
Module 4 : Liens hypertextes et navigation
4.1 — La balise a (anchor) Aperçu
Module 5 : Images et multimédia
5.1 — Images et attributs Aperçu
Module 6 : Tableaux
6.1 — Créer des tableaux Aperçu
Module 7 : Formulaires HTML
7.1 — Créer un formulaire Aperçu
Module 8 : Formulaires avancés et validation HTML5
8.1 — Validation HTML5 native Aperçu
Module 9 : Sémantique HTML5
9.1 — Les balises sémantiques Aperçu
Module 10 : Accessibilité web et ARIA
10.1 — WCAG et ARIA Aperçu
Module 11 : SEO — Bases du référencement
11.1 — Les fondamentaux du SEO Aperçu
Module 12 : Iframes et intégration externe
12.1 — Utiliser les iframes Aperçu
Module 13 : SVG et Canvas
13.1 — SVG inline Aperçu
Module 14 : Site multi-pages
14.1 — Architecture d'un site Aperçu
Module 15 : Hébergement et mise en ligne
15.1 — Mettre en ligne gratuitement Aperçu
Module 16 : Projet final — Site vitrine HTML5
16.1 — Site vitrine complet Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Module 7 : Formulaires HTML Aperçu gratuit

7.1 — Créer un formulaire

📋 Objectifs d'apprentissage

  • Créer un formulaire avec form, input, label
  • Utiliser les types d'input (text, email, password, number, date)
  • Ajouter select, textarea, checkbox, radio
  • Comprendre method GET vs POST
📝 Formulaire HTML Nom : Email : Pays :RDC ▼ Envoyer <form action="/submit" method="POST"> <input type="text" name="nom" required> <button type="submit">Envoyer</button>

Types d'input essentiels

TypeUsageExemple
textTexte libre<input type="text" name="nom">
emailE-mail (validation auto)<input type="email">
passwordMot de passe (masqué)<input type="password">
numberNombre (flèches)<input type="number" min="0" max="100">
dateSélecteur de date<input type="date">
checkboxCase à cocher<input type="checkbox">
radioBouton radio (choix unique)<input type="radio" name="g">

GET vs POST

GET : les données sont visibles dans l'URL (recherche, filtres). POST : données envoyées dans le corps de la requête (connexion, formulaire sensible).

📌 Points clés

  • Toujours associer <label> à <input> (accessibilité)
  • required = champ obligatoire (validation native)
  • placeholder = texte d'exemple dans le champ
Ceci est un aperçu gratuit.
Voir la formation complète