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.
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: |
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>
0 commentaires: