Estoy tratando de crear una selección con una lista de monedas e imágenes preparadas con un método de "escribir para buscar", exactamente como está en las imágenes. Después de varias búsquedas en internet no encuentro nada que me dé el mismo resultado que la imagen.
¿Alguien sabe cómo hacer esto con HTML, CSS y JS?
1. seleccionar
Lo que puedes probar es la siguiente solución:
<input id="searchCountries" list="countries" placeholder="type to search"> <datalist id="countries"> <option value="🇫🇷 FRANCE"> <option value="🇨🇳 CHINA"> <option value="🇺🇸 USA"> <option value="🇪🇸 SPAIN"> <option value="🇧🇷 BRAZIL"> </datalist>
Con un poco de CSS debería hacer exactamente lo que quieres.
Y si quieres, hay muchas bibliotecas que pueden hacer esto.