This is an excerpt from my book, Form Design Patterns.
This article starts in the middle of chapter 3, A Flight Booking Form where I’ve been looking at ways to let users enter a destination country.
Unfortunately, native HTML form controls just aren’t good enough for this type of interaction.
And so we need to build a custom autocomplete control from scratch.
A word of warning though: this is one of the hardest UI components I’ve ever had to make—they’re just way harder than they look.
An autocomplete control showing 3 suggestions with the second option highlighted.
See original post