Les partenaires publicitaires:

La différence entre un bouton radio et Dropdown

Une des meilleures façons de donner site ou blog visiteurs la possibilité de faire des choix rapides est d'ajouter un menu déroulant sur votre page. Parce que les gens comprennent comment ces menus fonctionnent, ils peuvent les utiliser sans instruction. Vous avez également la possibilité d'utiliser des boutons de radio que votre sélection gens Controls comprennent généralement ces ainsi. Bien que les deux contrôles effectuent des tâches similaires, ils diffèrent dans quelques domaines clés que vous devez comprendre.

  1. Notions de base de bouton radio

    • Les gens créent des boutons radio par l'ajout de balises d'entrée à leurs pages Web. Cette balise flexible a également la possibilité de produits boutons réguliers, des cases à cocher et des zones de texte. Lorsque vous définissez l'attribut type d'une balise d'entrée à "radio," navigateurs affichent un bouton radio. Les boutons radio, cases à cocher, contrairement permettent aux gens de choisir une seule valeur par défaut. Par exemple, si vos boutons affichés "L'été" et "Hiver," les visiteurs du site ne pouvaient choisir une de ces saisons. Il est une bonne idée d'ajouter un "Aucun" bouton radio à un groupe si il est possible que les gens ne peuvent pas besoin de sélectionner l'un des autres boutons.

    • Menus déroulants

      • Vous ne pouvez pas créer un menu déroulant en utilisant une balise d'entrée, mais vous pouvez faire un menu déroulant apparaît sur une page Web en ajoutant une balise select à votre document HTML. Cette balise est constitué d'une ouverture "" tag. Lorsque vous placez

      Avantages et désavantages




      • Une des meilleures caractéristiques d'un menu déroulant est sa taille compacte. Si vous avez besoin de donner aux gens la possibilité de choisir de nombreux éléments, mettre ces éléments dans un menu déroulant et les visiteurs du site peuvent cliquer sur le menu pour afficher les éléments. Parce que les menus déroulants ne consomment qu'une petite quantité d'espace vertical, vous ne devez remplir votre page avec choix élément. Les boutons radio, d'autre part consomment autant d'espace que nécessaire pour afficher tous les boutons. Si vous avez besoin pour afficher les mois de l'année, par exemple, vos boutons radio consomment la quantité d'espace qu'il faut pour afficher tous les 12 mois, si les boutons radio sont mieux quand vous avez seulement envie de proposer quelques options. De cette façon, vos lecteurs ne pas avoir à passer par des étapes supplémentaires - telles que cliquant sur et en activant un menu déroulant - pour répondre à votre enquête ou sélectionner une option.

      Conseils de bouton radio

      • Parce que les écrans d'ordinateur sont plus larges que hautes, vous pouvez conserver de l'espace vertical en utilisant les boutons radio en les plaçant horizontalement plutôt que verticalement. Il est également une bonne idée de regrouper vos boutons radio dans un conteneur div. Quand vous faites cela, vous pouvez effectuer des opérations sur le div qui affecte tous les boutons. Par exemple, si vous souhaitez déplacer vos boutons pour un nouvel emplacement de la page, repositionner simplement le div au lieu d'essayer de déplacer chaque touche individuellement. Vous pouvez aussi faire tous les boutons disparaissent à la fois en appelant une fonction javascript qui fait disparaître la div.

      Déroulant Conseils de menu

      • Le moyen le plus rapide pour créer un menu déroulant est d'ajouter une balise select à la section du corps de votre document HTML. Si vous ne connaissez pas le HTML ainsi, un éditeur HTML tel que Dreamweaver ou peut créer des menus déroulants pour vous. Vous dites simplement le programme les valeurs que vous souhaitez le menu à contenir. Si vous connaissez javascript, vous pouvez créer des menus déroulants dynamiques qui changent. Les menus dynamiques sont de puissants contrôles parce que vous pouvez ajouter de nouveaux éléments à eux et supprimer ceux qui existent déjà programmation. Vous pouvez également manipuler les boutons radio et tous les autres éléments HTML utilisant javascript.

    » » » » La différence entre un bouton radio et Dropdown