Remplir des formulaires sur un site est toujours long. Aujourd’hui en HTML5 grâce au composant datalist vous pouvez désormais proposer un choix multiple à vos utilisateurs, tout en leur laissant la liberté de saisir ce qu’ils souhaitent.
Les options peuvent être jumelées avec un datalist en spécifiant son id dans l’attribut list d’un input :
[code lang= »html »]<input type="text" value="" placeholder="saisissez la lettre ‘a’" list="listOs" />
<datalist id="listOs">
<option value="Apple"></option>
<option value="Android"></option>
<option value="BlackBerry"></option>
</datalist>[/code]
démo :
Le composant datalist est largement compatible avec les dernières versions de Firefox, Opéra, Chrome, et Internet Explorer 10.
11 janvier 2013