Comment faire pour créer des champs de liste déroulante dans html5

category Ordinateurs et logiciels / Programmation / Html

Des listes déroulantes des formulaires sur votre site Web sont un excellent moyen pour donner aux utilisateurs de nombreuses options dans une petite quantité d'espace à l'écran. Vous utilisez deux balises HTML pour créer une liste déroulante:

  • crée la liste.

    Utiliser un nom attribut avec le élément de nommer votre liste.

  • Une collection de identifie les éléments individuels de la liste des options.

    La valeur attribut assigne une valeur unique pour chaque élément.




Voici un exemple de balisage pour une liste déroulante:

Le navigateur se transforme ce balisage dans une liste déroulante avec trois éléments, comme le montre la figure.
image0.jpg
Vous pouvez également permettre aux utilisateurs de sélectionner plus d'un élément dans une liste déroulante en changeant les paramètres par défaut de votre liste:
  • Si vous voulez que vos utilisateurs d'être en mesure de choisir plus d'une option (en maintenant la touche Ctrl [Windows] ou Commande touche [Mac] tout en cliquant sur les options de la liste), ajouter le multiple attribuer à la  tag. La valeur de multiple est multiple.
    Si vous donnez un stand-alone attribuer une valeur, cette valeur doit être le même que le nom de l'attribut lui-même (qui est, à la fois multiple et multiple = "multiple" sont légales).
  • Par défaut, le navigateur affiche une seule option jusqu'à ce que l'utilisateur clique sur la flèche du menu déroulant pour afficher le reste de la liste. Utilisez le taille attribut avec le  balise pour indiquer le nombre d'options à afficher.
    Si vous spécifiez moins que le nombre total d'options, le navigateur comprend une barre de défilement avec la liste déroulante.
Vous pouvez spécifier que l'une des options de la liste déroulante déjà sélectionné lorsque le navigateur charge la page, tout comme vous pouvez spécifier une case à cocher ou bouton radio pour être sélectionnés. Il suffit d'ajouter le sélectionné attribuer pour la  tag que vous souhaitez par défaut. Utilisez ce choix quand on est très probable, sachant que les utilisateurs peuvent remplacer votre sélection par défaut rapidement et facilement.
 
 
 
 
 
 
 
 
Articles Similaires
 
  

 
 
A propos Auteur
 
  Vues ad hoc dans SharePoint 2010 Vues ad hoc dans SharePoint 2010 
SharePoint 2010 les utilisateurs peuvent faire Ad Hoc vue dans une autre norme ou vues Fiche technique en utilisant les en-têtes de colonnes pour trier et filtrer les données à la volée. Ces changements ad hoc ne sont pas enregistrées avec la…
  Configurez vos paramètres de recherche du site de SharePoint 2010 Configurez vos paramètres de recherche du site de SharePoint 2010 
La zone de recherche est simplement une zone de texte avec l'invite Chercher dans ce site à l'intérieur. Immédiatement, vous pouvez créer une page de résultats de recherche personnalisés, définir l'ensemble des champs qui apparaissent dans la…
  Création d'une vue standard dans SharePoint 2010 Création d'une vue standard dans SharePoint 2010 
Le type le plus commun de vue que vous créez dans une liste SharePoint 2010 ou la bibliothèque est une vue du public standard. A la vue du public peut être utilisé par quiconque pour afficher le contenu d'une liste ou d'une bibliothèque.Vues…
  Personnaliser la liste des formulaires dans SharePoint 2010 Personnaliser la liste des formulaires dans SharePoint 2010 
Lorsque vous ajouter, de modifier et afficher les articles dans votre liste SharePoint 2010, les éléments affichés dans un ensemble de formulaires Web. Chaque liste crée automatiquement une forme de liste pour chacune de ces tâches - un nouveau…
  Comment utiliser les vues ad hoc dans SharePoint 2013 Comment utiliser les vues ad hoc dans SharePoint 2013 
Les utilisateurs peuvent effectuer Ad Hoc vue dans une autre norme ou vues dans SharePoint Fiche 2013by utilisant les en-têtes de colonnes pour trier et filtrer les données à la volée. Ces changements ad hoc ne sont pas enregistrées avec…
  Comment créer une liste déroulante pour votre HTML5 et pages web CSS3 base Comment créer une liste déroulante pour votre HTML5 et pages web CSS3 base 
La liste déroulante est un outil de sélection préférée de HTML5 et CSS3 développeurs web. La liste déroulante comporte des éléments très utiles qui en font un plaisir pour la foule énorme développement web:Il économise de l'espace de…
  Comment créer des listes numérotées en HTML5 Comment créer des listes numérotées en HTML5 
Les listes sont des outils puissants pour regrouper des éléments similaires, et les listes donnent les visiteurs de votre site un moyen facile de faire un zoom sur les groupes d'information. Juste au sujet de quoi que ce soit inscrit dans une…
  Comment utiliser les cases à cocher et des boutons radio dans votre formulaire de html5 Comment utiliser les cases à cocher et des boutons radio dans votre formulaire de html5 
Lorsque vous créez un formulaire de collecte de données pour votre site web, si seulement un ensemble fini de valeurs possibles est disponible pour l'utilisateur, vous pouvez lui donner une collection d'options à choisir à partir de:Cochez les…
  Comment utiliser les champs de texte dans votre formulaire de html5 Comment utiliser les champs de texte dans votre formulaire de html5 
Vous pouvez utiliser une variété de types de champs d'entrée dans vos formulaires, tels que texte, mot de passe, radio (bouton), case, caché, recherche, tél (numéro de téléphone), URL, email (adresse), datetime, date, mois, semaine, temps,…
  Comment créer des boîtes combo en java Comment créer des boîtes combo en java 
En Java, vous pouvez créer des zones de liste déroulante. UN boîte combo est une combinaison d'un champ de texte et une liste déroulante à partir de laquelle l'utilisateur peut choisir une valeur. Si la partie texte domaine du contrôle est…
  Comment faire pour créer une zone de liste de sélection multiple en javascript pour HTML5 et CSS3 programmation Comment faire pour créer une zone de liste de sélection multiple en javascript pour HTML5 et CSS3 programmation 
Vous pouvez utiliser le javascript sélectionner objet dans un moyen puissant pour vos besoins de programmation HTML5 et CSS3. Pour rendre le travail de sélection multiple, vous avez à faire quelques changements à la fois le HTML et le code…
  Comment créer des listes déroulantes en javascript pour HTML5 et CSS3 programmation Comment créer des listes déroulantes en javascript pour HTML5 et CSS3 programmation 
La façon la plus évidente d'utiliser javascript pour assurer que l'utilisateur entre quelque chose de valable sur votre page HTML5 est de lui fournir des choix valides. La liste déroulante est une façon évidente et facile à…
  Sélecteurs CSS3 Sélecteurs CSS3 
CSS3 donne accès à une grande variété de sélecteurs que vous utilisez pour identifier quel élément pour formater sur une page. Un sélecteur définit ce qu'il faut FORMAT- le style définit comment formater. Cependant, il est facile d'aller…
  Comment créer une liste déroulante dans un formulaire HTML5 Comment créer une liste déroulante dans un formulaire HTML5 
Des listes déroulantes sont une caractéristique commune dans les pages Web, et HTML5 rend créer assez infaillible. Des listes déroulantes vous permettent, le programmeur, de spécifier un certain nombre de choix que les visiteurs de votre site…
 
 
 »  »  »  » Comment faire pour créer des champs de liste déroulante dans html5