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 l'écran. Seule la sélection actuelle est affichée. Lorsque l'utilisateur clique sur la liste, une série de choix déroulante et puis disparaissent à nouveau après la sélection est faite.

  • Il limite l'entrée. Les seules choses que l'utilisateur peut choisir des choses que vous avez ajoutés dans la liste. Cela rend beaucoup plus facile de gérer les entrées potentielles parce que vous ne devez pas vous inquiéter à propos de fautes de frappe.

  • La valeur peut être différent de ce que l'utilisateur voit. Cela semble être un avantage bizarre, mais il ne se révéler très utile parfois.

    image0.jpg



Le code de cette liste déroulante simples suit:

basicSelect.html

L'objet est un peu différent de certains des autres éléments d'entrée que vous êtes habitué, tels que

  • Il est entouré par apair. Ces étiquettes indiquent la liste entière.

  • TheObject a anattribute. Bien que l'objet a de nombreuses autres balises à l'intérieur, généralement seulement l'objet lui-même a un attribut.

  • Il contient une série ofpairs. Chaque sélection individuelle est logé dans un ensemble.

  • Eachtag a une valeur qui lui est associée. La valeur est utilisée par le code. La valeur est pas nécessairement ce que l'utilisateur voit.

  • La teneur betweenis visible à l'utilisateur. Le contenu est ce que l'utilisateur voit réellement.

Sélectionnez boîtes ne nécessitent pas le comportement déroulante. Si vous le souhaitez, vous pouvez spécifier le nombre de lignes à afficher avec l'attribut. Dans ce cas, le nombre de lignes que vous spécifiez sera toujours visible à l'écran.


» » » » Comment créer une liste déroulante pour votre HTML5 et pages web CSS3 base