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 | |
<input type="checkbox"> |
Choix multiples | |
<select> <option> |
Liste déroulante | |
<input type="submit"> |
Bouton d’envoi | |
<textarea> |
Zone de texte |