Comment créer une liste déroulante
boîtes déroulantes sur les sites Web permettent à l`utilisateur de choisir parmi une liste d`options. Les boîtes peuvent être utilisées dans les formulaires soumis par l`utilisateur ou pour la navigation du site plus rapide. Avantages à la boîte déroulante sont son utilisation de l`écran économique et interface facile. Les boîtes aident aussi à empêcher les utilisateurs d`entrer des données non valides. Apprenez à créer une simple boîte déroulante en HTML.
Créer un document HTML en utilisant un éditeur de texte simple, comme le bloc-notes, ou tout autre logiciel d`édition HTML. Pour ce faire, en insérant la <-html>- et <-corps&tag GT- en haut de votre document. Ces balises définissent ce qui est en eux comme HTML. Assurez-vous de fermer ces balises en insérant <- / html>- et <- / body>- à la fin de votre document. Enregistrez-le avec une extension .html.
Ajouter le <-select>- tag pour créer une chute Menu- bas n`oubliez pas de le fermer avec la balise de fin: <- / select>-. Vous pouvez également donner un nom à ce menu, qui est utilisé en interne, en utilisant les "prénom" attribut dans la balise select d`ouverture. Par exemple, cette forme serait renvoyée à l`interne "fromage." <-html>- <-corps>- &Nom lt-select ="fromage">- <- / select>- <- / body>- <- / htmlgt;
Ajout d`une option dans le menu à l`aide du <-options&tag GT- à l`intérieur du "sélectionner" Mots clés. Assurez-vous de fermer cette balise en utilisant <- option />-. Ajouter autant d`options dans le menu que vous désirez. Toutes les options seront visibles lorsque l`utilisateur élargit le menu déroulant. Utilisez le "valeur" attribuer à donner à chacun un nom interne et "choisi" pour le mettre à sélectionner par défaut. Fin de l`exemple: <-html>- <-corps>- &Nom lt-select ="fromage">- <-option valeur sélectionnée ="Cheddar">-cheddar<- option />- &La valeur lt-option ="Suisse">-suisse<- option />- &La valeur lt-option ="Provolone">-Provolone<- option />- &La valeur lt-option ="gouda">-Gouda<- option />- <- / select>- <- / body>- <- / htmlgt;
Conseils
- vérifier Utilisez la navigation du site ou dans le cadre d`un formulaire.
- vérifier Utilisez javascript pour permettre à l`utilisateur de choisir parmi la liste déroulante puis l`amener à faire quelque chose, comme naviguer vers une page choisie.
Articles Tu auras besoin de
Les références
- lien formulaires HTML et entrée