Summary  
This chapter explains how to define and configure an HTML form element—detailing its key attributes (name, autocomplete, novalidate) and child elements (input, label, button)—to collect and submit user data.

General domain of usage  
Front-end web development

L’élément HTML `<form>` constitue un élément fondamental pour la création de formulaires interactifs sur une page web. Il sert de conteneur pour tous les éléments du formulaire. Voici un exemple d’un formulaire de base :

Tous les exemples incluent l’attribut `onsubmit="return false"` afin d’empêcher le comportement par défaut de soumission du formulaire. Cela permet de se concentrer sur la compréhension de la création et des attributs des formulaires.

Remarque

PGZvcm0gbmFtZT0ibG9naW5fZm9ybSIgYXV0b2NvbXBsZXRlPSJvZmYiIG5vdmFsaWRhdGUgb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPGxhYmVsPgogICAgRW1haWwKICAgIDxpbnB1dCB0eXBlPSJlbWFpbCIgbmFtZT0iZW1haWwiIC8+CiAgPC9sYWJlbD4KCiAgPGxhYmVsPgogICAgUGFzc3dvcmQKICAgIDxpbnB1dCB0eXBlPSJwYXNzd29yZCIgbmFtZT0icGFzc3dvcmQiIC8+CiAgPC9sYWJlbD4KCiAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlN1Ym1pdDwvYnV0dG9uPgo8L2Zvcm0+

**Explication des attributs `form` :**
- `name` identifie le formulaire côté client et serveur. Il peut contenir des lettres, des chiffres, des underscores et des tirets, mais pas d'espaces ;
- `autocomplete` contrôle si le navigateur peut remplir automatiquement les champs du formulaire (on ou off). Peut être appliqué au formulaire ou aux champs individuels ;
- `novalidate` désactive la validation intégrée du navigateur, utile lorsque la validation est gérée manuellement avec JavaScript.

### Présentation des éléments enfants
À l'intérieur d'un `<form>`, divers éléments définissent sa fonctionnalité. `<input>` permet aux utilisateurs de saisir des données telles que texte, nombres, e-mails et mots de passe. Dans l'exemple, les champs utilisent `type="email"` et `type="password"`. `<label>` fournit un texte descriptif pour les champs et améliore la structure et l'accessibilité du formulaire. `<button type="submit">` envoie les données du formulaire. Par défaut, cela recharge la page, mais ce comportement peut être modifié avec JavaScript.


Quel élément HTML est utilisé pour créer un bouton de soumission pour un formulaire ?

Apprenez les bases du HTML (HyperText Markup Language), le fondement du développement web. Ce cours destiné aux débutants couvre les balises, attributs, éléments et la structuration des pages web. Acquérez des compétences pratiques pour créer des titres, paragraphes, listes, images, liens, formulaires et tableaux. Découvrez les bonnes pratiques, l’optimisation et l’accessibilité web. Commencez votre parcours en développement web avec le HTML.

Explorez le fonctionnement interne du web. Découvrez comment les données circulent à travers les réseaux, le rôle des protocoles, ainsi que les mystères des adresses IP et des noms de domaine. Acquérez une compréhension globale de la manière dont les navigateurs web et les serveurs communiquent pour fournir du contenu web.

Découvrez la puissance des balises pour structurer le contenu, des titres et paragraphes aux listes et tableaux. Apprenez à enrichir les éléments grâce aux attributs.

Le cœur de la structure d'un document HTML. Découverte des composants d'un document HTML, y compris la déclaration doctype, l'en-tête et le corps. Compréhension de la fonction de chaque élément et de leur contribution à la structure globale d'une page web.

Rendez une page web plus attrayante grâce à l'intégration de médias tels que des images, de l'audio et de la vidéo. Manipulez des données structurées sous forme de tableaux.

Découvrez la polyvalence des formulaires HTML. Apprenez à concevoir des formulaires intuitifs et conviviaux en utilisant des concepts et techniques essentiels. Comprenez comment les formulaires permettent l'interaction utilisateur et la soumission de données sur les sites web.

Fondamentaux de la création de formulaires en HTML

Présentation des éléments enfants