Comment faire Menus déroulants sur un site Web

Lors de la création d'un site web, il est très facile à encombrer une page Web avec des informations. Une des façons les plus faciles à éliminer le désordre et donner à votre site un look propre est d'ajouter un menu déroulant fonctionnement. En plus d'aider à ranger votre site Web, un menu déroulant peut aussi rendre la navigation du site plus facile pour vos visiteurs en faisant des liens multiples facile à trouver. Mise en place d'un menu déroulant sur un site web nécessite seulement un ajout de code HTML simple à votre page Web.

Choses que vous devez

  • Éditeur HTML

Instructions

  1. 1

    Placez votre menu déroulant dans un formulaire sur votre page de site Web. Semblable à des formulaires papier, un formulaire web est un endroit où les utilisateurs peuvent entrer des données avec des cases à cocher, boutons radio et des zones de texte, ainsi que de créer un menu déroulant. Pour commencer la forme, commencez avec le code suivant:




    Le nom du formulaire peut être ce que vous voulez (nous avons choisi le menu déroulant ici) et est utilisé pour étiqueter votre formulaire pour une utilisation ultérieure.

  2. 2

    Ajouter la fonction de sélection de votre formulaire Web. La fonction de sélection est utilisé pour créer une liste de sélection (ou liste déroulante) où les valeurs individuelles seront organisées. Une liste de sélection va tirer la valeur sélectionnée dans la boîte de menu déroulant et faire de la valeur active pour la sélection. Le code pour créer une fonction de sélection ressemble à ceci:

  3. 3

    Ajouter les valeurs des options à votre fonction, sélectionnez dans le menu déroulant. Les sélections individuelles dans un menu déroulant sont connus comme des options. La fonction de valeur est l'URL (ou adresse Web) que l'option est connecté. Vous pouvez ajouter autant d'options à votre menu déroulant que nécessaire et cela est la façon dont le menu déroulant peut aider à encombrement clair à partir de votre page Web. Pour ajouter les valeurs d'option, ajouter ce code à votre fonction de sélection:

  4. 4



    Créer un bouton de sélection pour activer votre menu déroulant et permettent aux utilisateurs de sélectionner l'option qu'ils choisissent. Le bouton de sélection devrait être soit à gauche ou à droite de votre menu déroulant et suffisamment proche pour que les utilisateurs sachent qu'il est lié au menu. Vous pouvez avoir votre bouton dire tout ce que vous souhaitez attirer l'attention de l'utilisateur. Pour notre menu déroulant nous allons simplement utiliser "Sélectionnez." Pour ajouter un bouton de sélection à votre menu déroulant, ajoutez la ligne de code suivante:

  5. 5

    Placez votre menu déroulant sur votre site web. Le menu déroulant peut être ajoutée n'importe où que vous choisissez sur votre site web. Il suffit de placer le code de menu déroulant sur votre page web HTML et assurez-vous de vérifier la fonctionnalité du menu déroulant tout de suite.

Conseils & Avertissements

  • Faites votre menu déroulant plus attrayante en ajoutant CSS (Cascading Style Sheets) code pour modifier les couleurs et l'apparence de la forme.
  • Ne pas ajouter trop d'options à votre menu déroulant. Il n'y a pas de chiffre magique, mais un trop grand nombre d'options peut rendre votre menu déroulant confusion et pourrait irriter les visiteurs. Si vous avez beaucoup d'options, envisager de les séparer en catégories et en créant de multiples menus déroulants.
» » » » Comment faire Menus déroulants sur un site Web