Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de Dreamweaver CC 2017

Utiliser les data lists

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Si vos besoins de sélection doivent permettre à l'utilisateur de sortir du cadre défini par le sélecteur, optez pour une data list. Cependant, si vous utilisez Internet Explorer 9, le navigateur n'est pas compatible avec cette option.
02:30

Transcription

La principale problématique du sélecteur, c'est qu'il propose un nombre de choix défini. L'utilisateur ne va pas pouvoir venir ajouter un nouveau choix, un énième choix, qui serait le sien, et qui ne serait pas présent dans une liste quelconque. Donc, pour cela, on va utiliser une possibilité alternative, on va placer donc, sur cet élément de sélecteur ici, je fais bien attention d'être sur le sélecteur, un élément de type texte classique, ici. Voilà. On va rentrer un élément de type texte. Ah non, je ne vais pas le remplacer, je vais me mettre vraiment après. Je vais me mettre sur le sélecteur, ici, et je vais vouloir placer un élément de sélecteur après l'élément. Voilà. Donc, ici, on peut avoir le label, parfait, le Text field. Donc, ici, on appellerait ça, " Faites votre choix ", Voilà. et ici, on va simplement remplacer le sélecteur par un datalist. Alors si vous devez cibler des navigateurs plus anciens qui ne comprendraient pas en compte le datalist, je pense notamment à Internet Explorer 9, principalement. Sinon après, tout ce qui est Firefox, ça le prend depuis la version 4, Safari ça le prend, etc. Donc si vraiment vous devez cibler du 9, placer le datalist autour du sélecteur. Parce que si le navigateur comprend le datalist, automatiquement, il va simplement récupérer que les options, ici, dont il a besoin. Par contre, s'il ne comprend pas datalist, il prendra tout ce qui est à l'intérieur et c'est comme s'il faisait abstraction. Donc, si vous laissez le sélecteur, à ce moment-là, il prendra ce sélecteur et proposera ce sélecteur. Mais, vraiment ça cible que des navigateurs anciens, donc pour l'instant, autant se focaliser uniquement sur datalist. Donc, ici, la datalist, vous avez vu qu'elle a disparu, le navigateur ne la représente pas. Par contre, ici, je vais pouvoir venir dans l'inspecteur, ici, vous voyez, sur la partie liste, ici, j'ai la possibilité de venir choisir un élément qui a été identifié, ici, par sélecteur et dire voilà, je veux cet élément là. Ici, j'enregistre. Je bascule directement dans un navigateur pour aller vérifier, et ici, dans faîtes votre choix, si je tape C, vous voyez vous avez choix, vous avez tous les choix que vous souhaitez. Mais si je veux rentrer autre chose, il n'y a pas de soucis, je peux rentrer autre chose, et c'est cet élément qui sera parti avec le formulaire. Donc, si vous aviez besoin d'avoir une liste de sélection qui ne soit pas arrêtée par un sélecteur, qui ne soit pas uniquement définie par le sélecteur, n'hésitez surtout pas à utiliser le datalist, ici, et à pointer un simple champ input vers son attribut liste, vers le datalist.

L'essentiel de Dreamweaver CC 2017

Prenez en main l’environnement de travail de Dreamweaver. Créez des documents, utilisez les CSS, gérez les liens hypertexte, les fichiers multimédia, les formulaires, etc.

7h28 (98 vidéos)
Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :30 janv. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !