Django - 2.8 Boutons radio, listes de choix et message

Ce second formulaire complète les bases vues précédemment. Il ajoute trois types de champs : les boutons radio pour un choix unique, la liste de sélection pour choisir une ville, et un champ de message. Une page de confirmation s'affiche ensuite après l'envoi.

Les boutons radio

Un bouton radio permet de choisir une seule option parmi plusieurs. La vidéo crée deux options pour le genre : homme et femme.

Les boutons d'un même groupe partagent le même attribut name. Le navigateur ne permet alors de sélectionner qu'une seule option du groupe à la fois.

<input type="radio" name="genre" value="homme"> Homme
<input type="radio" name="genre" value="femme"> Femme

La liste de sélection

La balise select crée une liste déroulante. Chaque choix est une balise option. La vidéo propose trois villes : Paris, Nice et Marseille.

<select name="ville">
  <option>Paris</option>
  <option>Nice</option>
  <option>Marseille</option>
</select>

Le message et le bouton d'envoi

Le formulaire se termine par un champ pour le message, puis par un bouton pour l'envoyer. Une balise br sépare les éléments les uns des autres.

Après l'envoi, la page message.html affiche la confirmation : votre message a bien été envoyé.

En résumé

Les boutons radio permettent un choix unique, la liste select propose un menu déroulant, et le champ de message reçoit le texte. Une page de confirmation indique ensuite que le message a bien été pris en compte.

Points clés

• Les boutons radio d'un même groupe partagent le même attribut name.
• Un seul bouton radio peut être choisi à la fois dans un groupe.
• La balise select crée une liste déroulante.
• Chaque choix de liste est une balise option.
• Une page de confirmation montre que l'envoi a réussi.

Questions fréquentes

Pourquoi les boutons radio partagent-ils le même name ?

Le navigateur les regroupe. Une seule option du groupe peut alors être sélectionnée à la fois.

Quelle différence entre un bouton radio et une liste select ?

Le bouton radio montre toutes les options à l'écran. La liste select les cache derrière un menu déroulant.

Pourquoi afficher une page de confirmation ?

Elle indique à l'utilisateur que son envoi a bien été pris en compte.