La balise <datalist> définit une liste de valeurs associées à <input> pour proposer un choix à l'utilisateur.
Cette liste est forcément pré-établie et peut avoir un intérêt dans un jeu ou un quiz.
C'est la méthode utilisée pour faire apparaître la ville lorsque vous donnez le code postal. Toutes les informations sont stockées de cette façon.
CODE
<input type="text" list="lst-capitale" style="width:600px;" />
<datalist id="lst-capitale">
<option>Berne (Suisse)</option>
<option>Bruxelles (Belgique)</option>
<option>Paris (France)</option>
<option>Madrid (Espagne)</option>
<option>Bucarest (Roumanie)</option>
</datalist>
EXEMPLE:
Ecrivez le nom d'une capitale entre Paris, Bruxelles, Berne, Madrid, Bucarest.
Mais vous pouvez compléter ce tableau entre <option> et </option>
commentaires