Base de Création de Formulaire

L'élément HTML <form> est un élément fondamental pour créer des formulaires interactifs sur une page web. Il sert de conteneur pour tous les éléments du formulaire. Explorons un exemple de formulaire de base :

Remarque

Tous les exemples incluent l'attribut onsubmit="return false" pour empêcher le comportement par défaut de soumission du formulaire. De cette façon, l'accent reste sur la compréhension de la création de formulaires et des attributs.

Explication des attributs form :

• name fournit un identifiant distinct pour le formulaire sur une page web. Le serveur et le client utilisent cet identifiant pour traiter les données du formulaire. Le nom du formulaire peut inclure des chiffres, des underscores, des tirets et des caractères de l'alphabet anglais, mais il ne doit pas contenir d'espaces ;
• autocomplete détermine si les navigateurs web peuvent remplir automatiquement les champs du formulaire. Il peut être réglé sur "on" ou "off" et appliqué à des éléments de formulaire individuels ;
• novalidate spécifie que les navigateurs ne doivent pas effectuer de validation des champs du formulaire. Cela peut être utile lorsque vous souhaitez gérer la validation manuellement à l'aide de JavaScript ;
• method spécifie la méthode HTTP utilisée pour envoyer les données du formulaire au serveur. Les deux méthodes les plus courantes sont GET et POST. Ce sujet sera couvert en profondeur dans le cours JavaScript.

Aperçu des éléments enfants dans un formulaire

À l'intérieur de l'élément form, vous trouverez divers éléments enfants essentiels au fonctionnement du formulaire. L'élément input permet aux utilisateurs de saisir différents types de données, tels que du texte, des chiffres et des dates. Dans cet exemple, le type="email" est utilisé pour le champ email et type="password" pour le champ mot de passe. L'élément label organise et structure le formulaire, fournissant un texte descriptif pour les champs de saisie et aidant les utilisateurs à comprendre leur utilité. L'élément bouton avec type="submit" est utilisé pour soumettre les données du formulaire au serveur lorsqu'il est cliqué. Par défaut, la soumission du formulaire recharge la page web, mais ce comportement peut être personnalisé à l'aide de JavaScript.