Comment créer une liste déroulante

Exemple Menu déroulant élargi

Exemple Menu déroulant élargi

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.

1

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.

2

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;

3

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

Video: Creér une liste déroulante avec Excel

A propos de l`auteur

Kaylee Finn a commencé à écrire professionnellement pour plusieurs sites en 2009, principalement en publiant des articles sur des sujets dans les finances personnelles des affaires. Elle apporte son expertise dans les domaines des impôts, les prêts étudiants et la gestion de la dette à son écriture. Elle a obtenu son baccalauréat en sciences dans la dynamique du système de Worcester Polytechnic Institute.

Video: Word Créer une liste déroulante

Articles connexes