25. Listes déroulantes, zones de texte et boutons d'envoi
25.1 Listes déroulantes (L'élément <select>)
Utilisé lorsque l'utilisateur doit sélectionner une (ou parfois plusieurs) option dans une longue liste. L'élément <select> contient les options, et chaque balise <option> définit un choix.
html <label for="country">Pays :</label> <select id="country" name="user_country"> <option value="usa">États-Unis</option> <option value="can">Canada</option> <option value="fra" selected>France</option> <!-- 'selected' en fait le choix par défaut --> </select>
25.2 Zone de texte multi-lignes (<textarea>)
Utilisé pour de grands blocs de saisie de texte (comme des commentaires ou des avis).
html <label for="feedback">Vos commentaires :</label>
<textarea id="feedback" name="user_feedback" rows="5" cols="30"></textarea>25.3 Soumission du formulaire
Pour envoyer les données du formulaire au serveur, vous avez besoin d'un bouton de soumission.
html
<!-- Option 1 : Utiliser la balise button (Plus flexible pour le style) --><button type="submit">Envoyer les données</button>
<!-- Option 2 : Utiliser la balise input --> <input type="submit" value="Envoyer maintenant">