In this article, I will introduce you to some of the most commonly used autocomplete libraries of the year 2021. Let’s go to find out together!
What Is Autocomplete?
This is a nice feature commonly used with forms in HTML. It helps you to make suggestions idea through the words that the user enters in the input box. In my opinion, it is quite useful in reduce the time as well as increase the user experience when using your website.
Awesomplete is an open source library with a size of only about 2Kb (after compression) that helps you create autocomplete feature for website without any additional libraries. Before using, you need have to download 2 files,
awesomplete.js. Then you just need to call class
awesomplete and add
data-list="ID of your list" for input cell is possible can be used. What I like is that its extensibility is also very easy through the property settings calculated for the HTML object as
data-minchars: after how many words the user input will be displayed hint display,
data-maxitems: the number of elements that the hint list can contain... Also it can suggestions by dropdown, get suggestions through Ajax... this part you can see on the demo page!
Horsey is an open source library that helps you create autocomplete features quickly and easily. as easy set up for website. You can use it for many different types of websites with many features useful features such as loading suggestions via Ajax, using keyword suggestions, limiting the number of suggestions for users, use dropdown to display suggestions… It works on most popular browsers today and for With IE, it’s from IE7+ and up.
renderItem... attribute You can see specific examples here Library main page for more reference!
accessible-autocomplete.min.js and then set up the feature for the website through the declaration of 3 basic properties,
element: object in HTML page,
id: id of lable and
source: suggested information source. In addition, it is also have some more features like limit the number of suggestions, add placeholder for input box, auto select suggestion I mean... these attributes all have examples on their example page!
email-autocomplete is an open source library built with jquery that helps you build functionality suggest email domains to users. For example, when you enter
hello@gm, the program will automatically The suggested animation is
firstname.lastname@example.org. It's convenient, right. You also have easy setup Style the text color for the suggested word in the input box through the
.eac-sugg class. Also if you want to see Commonly used email domains can be found on its github page.
Ajax AutoComplete for jQuery is an open source library built with jquery that makes it easy to Create autocomplete feature for your website. It only uses the additional library Jquery with size size after compressed is only about 2.7kb. It also has a number of features that can help you tailor it for your site as suggestion suggestions via Ajax, limit the height of the suggestions, display position show suggestions, the number of suggested results you want to display…
Flexselect is an open source library built with jquery that helps you display suggestions for users, when they enter something in the input box, the suggestions will be displayed through the dropdown. For the normal way of selecting via the
select tag, it has a limitation that when the user wants to select otherwise they have to search the information from the beginning in the list. That would be very inconvenient as well as lose a lot of time for the client so this library appears to help you with the above problem. For ease of understanding As well as know how to set up the website, you can see its demo page.
Other Autocomplete Libraries
Through this, I hope the article will provide you with useful autocomplete libraries for development, web design and if you have any questions just send an email I will respond as soon as possible. I hope you Please continue to support the site so that I can write more good articles. Have a nice day!