1. Display a text field to allow typing
A text field is required. It can be a text field for search box or for a form.
2. Click on the text field
Click on the text field to start typing
3. List of suggested items
Present a list of items that has matching keyword of what the user is entering in the text field even before the user is finished typing.
4. Select an item from the list
On hover to highlight row and select the item from the list.
5. Click on the search button to submit
To submit the search keyboard, click on the search icon.
1. Auto Complete on a form field
Click on a text field of a form to enter keyword
2. List of suggested items
As the user types in data, a list of suggested items that match the inputted data is displayed, with the matching keyword highlighted in bold.