SELECT ou TEXT+DATALIST ?

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : SELECT ou TEXT+DATALIST ?

Re: SELECT ou TEXT+DATALIST ?

par albat » 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:

Re: SELECT ou TEXT+DATALIST ?

par moogli » 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 ;) )

@+

SELECT ou TEXT+DATALIST ?

par albat » 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é ?