Un menu Tutoriel HTML Drop Down

formes Web sont utilisés sur des pages HTML pour recueillir des données des visiteurs. Formes permettent plusieurs types de champs de saisie, y compris des zones de texte, boutons radio, cases à cocher et des menus déroulants. Ajouter un menu déroulant HTML à un formulaire Web pour offrir à vos visiteurs de site Web beaucoup de choix dans une quantité très limitée de l'espace. Contrairement boutons radio ou des cases à cocher, où toutes les options sont listés sur l'écran, HTML menus déroulants normalement ne montrent une option et se cachent le reste. Un exemple courant d'un menu déroulant est la sélection de l'Etat où un menu déroulant simple peut contenir les noms de tous les cinquante Etats.

Choses que vous devez

  • Éditeur HTML

Instructions

  1. Créez le corps de menu déroulant à l'aide de la "sélectionner" tag. Commencez le menu déroulant avec .

  2. Sélectionnez le nom, la taille et de multiples paramètres et de les inclure à l'intérieur du

    Le "nom" paramètre contient le nom du menu déroulant. Le "taille" réglage vous permet de décider comment de nombreuses options de menu permet d'afficher sur l'écran. La taille par défaut est un, mais vous pouvez créer un menu déroulant qui montre plusieurs options. Si le "multiple" argument est défini, l'utilisateur peut sélectionner plusieurs options dans le menu déroulant. Laissez le "multiple" réglage pour créer un menu déroulant où les utilisateurs ne peuvent sélectionner une seule option.

    Le code HTML


    Dans cet exemple, le menu déroulant est nommé "votre nom". Il affiche deux options sur l'écran et les visiteurs seront en mesure de choisir plusieurs options.




    Pour créer un simple menu déroulant où une seule option est affichée sur l'écran et les utilisateurs peuvent choisir qu'une seule option, utilisez le code suivant:


    Dans cet exemple, la taille et de multiples arguments sont manquants si le menu déroulant prend propriétés par défaut.

  3. Définir les options pour les menus déroulants. Commencez chaque option avec le tag.
    Le format de base est la suivante:

    La valeur de réglage noms de l'option pour le traitement interne. La valeur de l'option est pas affichée pour le visiteur du site et seulement utilisée pour le traitement du formulaire Web. Les mots clos entre le tags (dans ce cas, le mot "vert") Affichera sur l'écran visible pour les visiteurs du site.

    Inclure une commande de l'option pour chaque option de menu déroulant. Le code final déroulante sera comme suit:




  4. Donner des instructions claires au-dessus du menu déroulant de sorte que le visiteur du site Web comprend l'option à sélectionner. Si le "multiple" paramètre est réglé, instruire à l'utilisateur de sélectionner plusieurs options en cliquant sur la souris et en appuyant sur la "Ctrl" bouton en même temps.

  5. Insérez le code déroulante dans un formulaire sur une page Web HTML.

    Utilisez le schéma suivant:



» » » » Un menu Tutoriel HTML Drop Down