This project implements an Autofill Search Bar that suggests various types of fruits based on user input, similar to how search suggestions work on search engines like Google. When you start typing in the search bar, a dropdown appears with suggestions for possible matches. Clicking on one of these suggestions populates the search bar with that selection.
- Dynamic Suggestions: As you type, the search bar suggests fruits that match the entered text.
- Clickable Suggestions: Clicking on a suggestion autofills the search bar with that fruit name.
- Responsive Design: Works well on both desktop and mobile browsers.
- Easy Integration: Designed to be easily integrated into larger projects.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
- A modern web browser that supports HTML5, CSS3, and JavaScript.
- Clone the repository to your local machine:
git clone https://github.com/mutlucodes/fruit-search.git Open the index.html file in your web browser to view the project.
- Simply start typing the name of a fruit in the search bar. As you type, a list of suggestions will appear below the input field. Click on any suggestion to autofill the search bar with that fruit name.
- HTML5 - For structuring the content.
- CSS3 - For styling the user interface.
- JavaScript - For implementing the dynamic features.