Plugins jQuery para añadir la función Autocompletar a tus cuadros de texto

La función de autocompletado es una con la que muchos ya están familiarizados. Esta útil función es realmente apreciada por los usuarios ya sea que estén rellenando algún formulario o estén realizando una búsqueda pues les permite ahorrar tiempo. La función autocompletar te permite acceder a una lista de sugerencias mientras vas ingresando información en el campo de texto. De esta manera, una vez que hayas escrito un par de letras, podrás elegir la opción adecuada de la lista de sugerencias que aparece en la pantalla. Actualmente esta función no sólo se utiliza en el ámbito web, sino que también podemos verla en cualquier tipo de aplicación o programa.
Para poder implementar rápidamente esta opción, bastante común, pero no por ello menos útil, puedes hacer uso de plugins jQuery que vienen con una serie de opciones y que puedes configurar a tu gusto, según convenga en tu proyecto web específico. En este artículo te traemos una lista con algunos plugin jQuery que tienen la función Autocompletar y te permiten ofrecer una mejor experiencia de usuario a tus visitantes.

Form Mapper Address Autocomplete with Geolocation

Plugin jQuery para implementar función Autocompletar en tu sitio: Form Mapper
Este plugin hace uso de la API de Geocoding de Google Maps para poder ofrecer el servicio de autocompletado. Funciona mediante un campo donde el usuario puede colocar alguna dirección e inmediatamente aparecerán una serie de sugerencia en un menú desplegable. Adicionalmente, te permite añadir un mapa interactivo para poder guiar mejor a tus usuarios.
Form Mapper es un plugin JQuery de pago, viene con documentación completa y soporte. Cuesta $8.

Ajax AutoComplete for JQuery

Plugin jQuery para implementar función Autocompletar en tu sitio: Ajax Autocomplete for jQuery
Este plugin te permite crear campos de texto que incluyen sugerencias de autocompletado. Cada vez que se realiza una búsqueda los resultados son guardados en la cache en caso se vuelva a realizar la misma búsqueda.

Awesomplete

Plugin jQuery para implementar función Autocompletar en tu sitio: Awesomplete
Awesomplete es un plugin ligero y que se puede personalizar. No depende de ninguna otra librería y se ha desarrollado acorde a los estándares para navegadores modernos. Puedes simplemente añadir Awesomplete para que se ejecute con la configuración predeterminada o especificar opciones adiciones mediante JavaScript.

Autocomplete.js

Plugin jQuery para implementar función Autocompletar en tu sitio: Autocomplete.js
Autocomplete.js es un plugin que mejora tu barra de búsqueda al ofrecer pistas o indicios en una lista mientras el usuario va ingresando letras. Tiene varias opciones para personalizarlo de acuerdo a las necesidades particulares de tu proyecto.

JQuery Combogrid Plugin

Plugin jQuery para implementar función Autocompletar en tu sitio: jQuery ComboGrid
Combogrid, al igual que Autocomplete.js, permite a los usuarios elegir una palabra de una lista que se va actualizando mientras ingresan más palabras. Combogrid ofrece la opción de seleccionar las palabras por medio del teclado.

jQuery Autocompleter

Plugin jQuery para implementar función Autocompletar en tu sitio: jQuery Autocompleter
jQuery Autocompleter es un plugin sencillo de emplear y que se puede personalizar, de modo que puede cubrir las necesidades de tu proyecto y te puedes acostumbrar fácilmente a emplearlo. Viene con soporte para caché.

Magic Suggest

plugin-jquery-funcion-autocompletar-formularios-MagicSuggest
Magic Suggest es un plugin que ofrece sugerencias. Es bastante flexible, es decir, tiene diversas opciones para configurarlo de acuerdo a las medidas de tu proyecto web.

AutoJS

Plugin jQuery para implementar función Autocompletar en tu sitio: AutoJS
AutoJS es una librería que completa el contenido de cualquier área de texto. Para ofrecer las sugerencias se hace uso de diccionario estándar en donde se han tomado en cuenta métodos lingüísticos para que las sugerencias sean lo más acertadas posible.
AutoJS no depende de ninguna otra librería externa y es bastante ligera: pesa sólo 6 KB.

Geocomplete

Plugin jQuery para implementar función Autocompletar en tu sitio: Geocodign and Places Autocomplete
Geocomplete es un plugin que hace uso de la API de Google Maps y del servicio Places Autocomplete. Sólo debes ingresar datos que te permitirán buscar y seleccionar localizaciones de una lista. Adicionalmente, te permite añadir un mapa interactivo y un formulario para incluir la dirección.

Typeahead.js

Plugin jQuery para implementar función Autocompletar en tu sitio: Typeahead.js
Typeahead.js es una librería de JavaScript que te ofrece una base sólida para implementar auto-sugerencias. Resalta las sugerencias que coinciden con la búsqueda realizada.

Smart Suggest

plugin-jquery-funcion-autocompletar-formularios-SmartSuggest
Smart Suggest es un plugin que provee sugerencias al usuario mediante la función de autocompletado. Muestra, en un solo cuadro de texto, resultados relacionados de diferentes categorías. Puede ser perfecto en blogs y tiendas online.
Smart Suggest es un plugin jQuery de pago. Su costo es de $4.

Selectize.js

plugin-jquery-funcion-autocompletar-formularios-Selectizejs
Selectize es una caja de texto con opción para realizar selecciones. No sólo ofrece la posibilidad de añadir la función autocompletar, sino que también permite a los usuarios la navegación mediante el uso del teclado.
Selectize es ligero: pesa alrededor de 7KB. Se ha desarrollado teniendo como objetivo ofrecer una gran experiencia.

Autocomplete like Google

plugin-jquery-funcion-autocompletar-formularios-AutocompleteLikeGoogle
Como su nombre indica, este plugin ha tomado como modelo la barra de búsqueda de Google para ofrecer un entorno parecido al mismo.

Visual Search.js

plugin-jquery-funcion-autocompletar-formularios-VisualSearchjs
Visual Search.js mejora tus campos de búsqueda añadiendo la opción de autocompletado en tus búsquedas. La característica adicional que posee es que te permite realizar la búsqueda por niveles. Es decir, puedes colocar varios filtros en un solo campo de texto.

TokenInput

plugin-jquery-funcion-autocompletar-formularios-TokenInput
TokenInput te permite añadir la función autocompletar haciendo uso de una lista de la que puedes seleccionar la palabra que sea correcta según las letras que ya has ingresado en el campo de texto.

Easy Autocomplete

Plugin jQuery para implementar función Autocompletar en tu sitio: Easy Autocomplete
Easy Autocomplete es un plugin jQuery que tiene como objetivo ser “amigable” para los desarrolladores de JavaScript. Tiene diversas opciones y se puede configurar de manera sencilla

TextExt

Plugin jQuery para implementar función Autocompletar en tu sitio: TextExt
TextExt es un plugin jQuery que combina el ingreso de etiquetas y la función autocompletar. Se ha desarrollado de manera modular, de modo que puedes transformar cualquier entrada de texto HTML en campos de texto que sean adecuados para las necesidades de tu proyecto.
TextExt incluye una gran variedad de opciones como filtros, implementación de Ajax, autocompletado, etc.

Acerca de: Programator

Somos Instinto Programador

0 comentarios:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Con tecnología de Blogger.