21 mai 2013

HTML5 datalist

21.5.13 - 0

HTML5 datalist : La balise <datalist> permet de définir une liste de valeurs qui sont associées à un élément de type <input>.
Autrement, l’élément datalist vous permet d’hybrider un élément <input> classique avec un élément <select>. Grâce à l’attribut "list", vous pouvez combiner une liste d’options et une zone de saisie.
Cela permet aux utilisateurs de choisir une option dans la liste ou d’entrer une nouvelle valeur qui n’est pas dans la liste.
Si un navigateur ne supporte pas l’élément datalist, le champ se comporte alors comme une zone de saisie normale.

Support: icon google chrome icon firefox icon opera

 

Exemple d'utilisation:

    Langage de programmation :
    <input type="text" list="list-langage" />
    <datalist id="list-langage">
         <option>PHP</option>
         <option>VB.NET</option>
         <option>Perl</option>
         <option>C++</option>
    </datalist>
    

Résultat:

Langage de programmation :

Newsletter

Abonnez-vous à notre newsletter pour recevoir les nouveautés.

0 commentaires:

© 2014 Déveur. WP Theme-junkie converted by Bloggertheme9
Powered by Blogger.
back to top