Awesompletehttps://leaverou.github.io/awesomplete/ Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers.
InstallationThere are a few ways to obtain the needed files. Here are 2 of them:
- CDN server
- Another way to get up and running is by using
Basic UsageBefore you try anything, you need to include awesomplete.css and awesomplete.js in your page, via the usual tags: ```html ``` Then you can add an Awesomplete widget by adding the following input tag: ```html
class="awesomplete"for it to be automatically processed (you can still specify many options via HTML attributes) Otherwise you can instantiate with a few lines of JS code, which allow for more customization. There are many ways to link an input to a list of suggestions. The simple example above could have also been made with the following markup, which provides a nice native fallback in case the script doesn’t load: ```html
``` Or the following, if you don’t want to use a
<option>Ruby on Rails</option>
<datalist>, or if you don’t want to use IDs (since any selector will work in data-list): ```html
``` There are multiple customizations and properties able to be instantiated within the JS. Libraries and definitions of the properties are available in the Links below.
<li>Ruby on Rails</li>