Skip to main content

Command Palette

Search for a command to run...

Input Autocomplete sin usar JavaScript

Published
1 min read

Si necesitas integrar en tu app un input que se autocomplete mientas el usuario escribre, pensarias en usar JavaScript para añadir la lógica de autocompletado, pero HTML de manera nativa nos ofrece la etiqueta <datalist></datalist> que nos dará esa funcionalidad.

<label for="helado-select">Elige un sabor:</label>
<input list="helados-list" id="helado-select" name="helado" />

<datalist id="helados-list">
    <option value="Chocolate">
    <option value="Vainilla">
    <option value="Fresa">
    <option value="Menta">
    <option value="Coco">
</datalist>

El resultado seria este

Screenshot (2).jpg

More from this blog

Sergio's blog

15 posts