Aller au contenu

Cours 6

Formulaires

Structure de base

Balise : <form>

Attributs :

  • action="" : URL où envoyer les données du formulaire. Dans le cadre du cours, les données ne pourront pas être traitées, car cela nécessite un langage de programmation côté serveur (comme PHP), ce qu’on ne couvre pas ici. On peut donc utiliser action="#" ou laisser vide pour rester sur la même page.
  • method="" : Deux valeurs possibles :
    • get : envoie le contenu du formulaire dans l’URL (visible dans la barre d’adresse).
    • post : envoie les données de façon invisible, mais ne fonctionne que si un serveur est capable de les traiter, ce qui ne sera pas le cas dans le cours.
Exemple
<form action="merci.html" method="get">

  <!-- Ici on insère les champs du formulaire -->

</form>

Champs

Balises : <input>, <textarea>, <select>

Balise Usage Exemple
<input type="text"> Champ texte
<input type="email"> Courriel
<input type="password"> Mot de passe
<input type="radio"> Choix unique
123
<input type="checkbox"> Choix multiples
123
<select> <option> Liste déroulante
<input type="submit"> Bouton d’envoi
<textarea> Zone de texte