Awesomplete es un plugin JavaScript que te permite agregar a un formulario de búsqueda la función autocomplete, como la utilizada por Google en su buscador, de tal modo que cuando el usuario empieza a escribir en el campo de búsqueda Awesomplete busca en una lista de palabras las que tengan coincidencias con lo que ha escrito el usuario y se las sugiere, su instalación es muy sencilla pero si requiere de algunos conocimientos básicos de programación.

Los Autocomplete son una herramienta muy útil y sutil que los usuarios de tu pagina web agradecerán, suponen una mejora en el diseño de interfaz de usuario (UI/UX) ya que les permite encontrar de forma mas eficiencia la información que desean, Awesomplete también puede ser la alternativa para los Selects con largas listas ya que le permitirá al usuario encontrar una palabra de la lista con solo escribir un par de letras.

Ejemplos de integración:

“Sin JavaScript”

Awesomplete  ejemplo1

Otro ejemplo:

Awesomplete  ejemplo2

Utilizando un callback JS

Awesomplete  ejemplo3

Nota: En ambos ejemplos se necesita incluir el archivo JavasScript & CSS de Awesomplete en la cabecera <head> de nuestra pagina.

Awesomplete

En el siguiente enlace podrán descargar este plugin JavaScript que pesa tan solo 2kb en su versión comprimida, por otro lado hay que destacar que este plugin no tiene ninguna dependencia así que no tendrás que estar obligado a incluir jQuery o ningún otro framework para que funcione correctamente.

Enlace para descargar Awesomplete