The Bootstrap autocomplete component predicts the entered words based on the first letters given by the user. You can search the list using basic scrolling and keyboard arrows.

It uses Bootstrap 4's default Dropdown component to create the list of autocomplete items.

When you use autocomplete on a text field (also called input type = "text"), this library creates a drop-down list around it, with the parent as the container. When the length of the written text is equal to or greater than the threshold, an onkeyup event is injected into the text field, triggering the Dropdown. After that, the data is filtered to show only the items that contain the entered text. When you activate one of the elements, the value of the text field is set to the label of that element. After the result is displayed below the search box

• Bootstrap based
• JQuery based
• AJAX Enabled (no page reloads).
• Database required
• Easy to integrated at your website
• You can quickly add what you want to the autocomplete menu using our component.
• Responsive Design for all devices.

• PHP v5.3 or higher.
• MySQL 4.x or MySQL 5.x

A) Directories

CSS - Folder for CSS files. 

JS: Folder contains JS files or javascript files.

Font: Folder contains FontAwsome.

Database : Folder contains .sql database

Installation

- Import the .sql file into your mysql database using PHPMYADMIN
- Set the connection information in the file config.php  (Host, Username, Password)

Remark

If you need any help please contact me.