Using HTML5 and jQuery technology to create a simple automatic form-

This tutorial briefly introduces how to run this plug-in by loading JavaScript arrays. Loading Ajax content from a backend file or loading text content from a database is feasible. In this tutorial, local data is easier to use. View the following demo to learn about this plug-in ....,.

Http://www.gbin1.com/gbin1/themes/gbin1_2column_page/images/demo.png); background-attachment: scroll; background-color: rgb (59,122, 34); font-family: arial; line-height: 28px; background-position: 5px 50%; background-repeat: no-repeat; "> Online Demo http://www.gbin1.com/gbin1/themes/gbin1_2column_page/images/download.png); background-attachment: scroll; background-color: rgb (59,122, 34); font-family: arial; line-height: 28px; background-position: 5px 50%; background-repeat: no-repeat; "> online download

Google's quick search comes with a large number of automatically completed plug-ins-the Library even has a built-in jQuery UI sharing option. However, today I am looking for an alternative solution. The jQuery Autocomplete plug-in developed by DevBridge has specific functions and I think it is very attractive. When you are typing, the results will appear at the bottom of the drop-down menu, automatically highlighting words. This tutorial briefly introduces how to run this plug-in by loading JavaScript arrays. Loading Ajax content from a backend file or loading text content from a database is feasible. In this tutorial, local data is easier to use. View the following demo to learn about this plug-in.

Online Demo-download source code

Create page

First download the jQuery Autocomplete plug-in, which uses the compressed version and a copy of the latest jQuery script. Because I keep all selection items in the JavaScript array, I moved the custom script to another separate file.

Input Autocomplete Suggestions Demo