Company logo
  • Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Plans
    • Assessments
    • Payroll
    • Blog
    • Calculator

0

60
Views
select with type to search and images (html)

I'm trying to create a select with a list of coins and ready-made images with a "type to search" method, exactly as it is in the images. After several searches on the internet I can't find anything that gives me the same result as the image.

Does anyone know how to do this with HTML, CSS and JS??

1.select

  1. when the user clicks on select it shows the option of "type to seach"

  2. when the user starts typing

7 months ago · Juan Pablo Isaza
1 answers
Answer question

0

What you can try is the following solution :

<input id="searchCountries" list="countries" placeholder="type to search">
<datalist id="countries">
   <option value="&#127467&#127479 FRANCE">
   <option value="&#127464&#127475 CHINA">
   <option value="&#127482&#127480 USA">
   <option value="&#127466&#127480 SPAIN">
   <option value="&#127463&#127479 BRAZIL">
</datalist>  

With a little bit of CSS it should exactly do what you want.

And if you want there's a lot of library that can do this.

7 months ago · Juan Pablo Isaza Report
Answer question
Find remote jobs