SELECT ou TEXT+DATALIST ?

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

02 févr. 2012, 07:31

Bonjour,

Parmi les nouveautés apportées par HTML 5, l'élément datalist permet de proposer
plusieurs choix pré-définis lors de la saisie d'un champ de type text.
<input type="text" list="pays">
    <datalist id="pays">
        <option value="1">France</option>
        <option value="2">Belgique</option>
        <option value="3">Suisse</option>
        ...
    </datalist>
C'est très pratique, mais...

Je ne vois pas bien la différence avec l'élément Select qui existe déjà depuis bien longtemps.
<select name="pays">
    <option value="1">France</option>
    <option value="2">Belgique</option>
    <option value="3">Suisse</option>
    ...
</select>
Si ce n'est l'apparition dans ce deuxième usage, d'une petite flèche invitant à développer la liste déroulante.

Y aurait-il quelque chose qui m'a échappé ?

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 8758 Messages

02 févr. 2012, 14:53

le select ne te permet pas de prendre autre chose que la liste (n'est pas éditable)

La data liste n'est qu'une suggestion (après t'es pas obligé de la suivre) c'est l'équivalent de ce propose les navigateurs depuis longtemps en aide à la saisie des champs.

tu l'a certainement déja vue, mais y a un article la dessus sur alsacreations => http://www.alsacreations.com/article/li ... alist.html

et pas mal d'autre sur HTML en ce moment (1 par jour en fait ;) )

@+
Il en faut peu pour être heureux ......

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

02 févr. 2012, 15:20

le select ne te permet pas de prendre autre chose que la liste (n'est pas éditable)
Mais bon sang, mais c'est bien sûr ! (c) commissaire Bourrel #-o
tu l'a certainement déja vue, mais y a un article la dessus sur alsacreations => http://www.alsacreations.com/article/li ... alist.html
Ah ah, mais bien sûr que je l'ai vu ! =; :lol:

(Où ça, tu dis ?...) 8-| :oops: