JavaScript autocomplete

50 %
50 %
Information about JavaScript autocomplete

Published on February 16, 2014

Author: ShieldUI



The ShieldUI AutoComplete control allows flexible text autocomplete features with intuitive api and fast rendering.

JavaScript Autocomplete Widget by ShieldUI


Main Description The ShieldUI AutoComplete control allows flexible text autocomplete features with intuitive api and fast rendering. Whether you want to implement stand-alone textautocomplete functionality, or want to relate the selection to another control in a more advanced scenario, the ShieldUI AutoComplete control can handle it easily.

Setting Up In order to render the AutoComplete JavaScript widget on a webpage, you need to: 1. Include references to all required scripts. Make sure you include the CSS file for your preferred theme. 2. Add an input element for which to initialize the autocomplete functionality. 3. Initialize the widget.

Sample Setup • • • • • • • • • • • • • • • • • • • • • • • • • • • • <!DOCTYPE html> <html> <head> <title>Shield AutoComplete</title> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="css/shieldui-all.min.css" /> <link rel="stylesheet" type="text/css" href="css/light/all.min.css" /> <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="js/shieldui-all.min.js" type="text/javascript"></script> </head> <body> <input type="text" id="fruit" /> <script type="text/javascript"> $(function () { $("#fruit").shieldAutoComplete({ dataSource: { data: ["Apple", "Banana", "Blueberry", "Lemon", "Strawberry"] } }); }); </script> </body> </html>

Resources Documentation: complete/javascript/getting-started Examples: /basic-usage

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Autocomplete | jQuery UI

The Autocomplete widgets provides suggestions while you type into the field. ... The datasource is a simple JavaScript array, ...
Read more

HTML input autocomplete Attribute - W3Schools Online Web ...

Definition and Usage. The autocomplete attribute specifies whether or not an input field should have autocomplete enabled. Autocomplete allows the browser ...
Read more

Javascript Examples // Autocomplete and autosuggest demos

Review of Javascript libraries and source code snippets for organizing autocomplete and autosuggest feature for your comboboxes. You can make Google ...
Read more

Ajax-Driven JavaScript ComboBox with Autocomplete ...

Easy configurable JavaScript combo box with the ability to add Ajax autocomplete on a text field.
Read more


a fast and fully-featured autocomplete library. typeahead.js. a flexible JavaScript library that provides a strong foundation for building robust typeaheads.
Read more


AutoCompleteJS is a JavaScript widget that helps ... script>