Formulaires

Les formulaires sont un outil essentiel pour collecter les saisies des utilisateurs et les soumettre à un serveur pour traitement. Ils sont composés de différents éléments de formulaire permettant aux utilisateurs de saisir des données. Cependant, dans ce cours, aucune donnée ne sera envoyée à un serveur, car cela nécessite des connaissances supplémentaires qui dépassent le cadre de ce cours.

Tous les exemples de code possèdent l'attribut onsubmit="return false". Cet attribut empêche le formulaire d'envoyer une requête au serveur par défaut.

Création de formulaires

Utiliser la balise <form> pour créer un formulaire interactif.

<form>
  <!-- Form elements go here -->
</form>

Éléments de formulaire

Les formulaires contiennent des libellés et divers types de champs (texte, mot de passe, e-mail, etc.). Les libellés associent du texte aux champs et améliorent l’accessibilité. Vous en apprendrez davantage sur les libellés et les types de champs dans les prochains chapitres.

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
</form>

Soumission de formulaire

Un formulaire est soumis à l’aide d’un bouton avec type="submit".

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
  <button type="submit">Submit</button>
</form>

Voici un exemple de formulaire de base.