Simple Auto-Complete For Forms
Form auto-completing feature is seen on many websites like Gmail, Yahoo and more.
Auto-completing makes inputting experience easier & faster for the user. On the other hand it is very helpful for the standardization of content, keywords, tags, etc. It may prevent a user wrongly writing Mcrsoft rather than Microsoft for example.
Auto Complete Control is a javascript script which offers a simple to use solution.
It is not an Ajax, dynamic-keywords script. The keywords which will be shown while filling the form are defined staticly.
Auto Complete Control has some nice features like defining "delimiters" which makes it easier to use for "tag inputs". And it can be styled so easily.
How To Use Auto Complete Control?
Firstly, include the .js file into your script:
Next, create an array (in JavaScript) containing the keywords:
Apply the widget to your textbox using JavaScript:
And you’re done!
Download: http://www.codeproject.com/KB/scripting/jsactb/actb.zip
- Tags:
Auto Complete Form Javascript
- Filed under: CC License, Forms, Goodies
- 4 Comments
















4 Responses for "Simple Auto-Complete For Forms"
Is there a limit on the number of items that can be in the array of terms? I’m having a problem using it, since what I actually do is load up a huge list of tags from a mysql table, and there’s 720 of them. Also, how can I alter the placement of the suggestion div? I use a lot of divs in my site.
Thank you so much! Other than those two things, it works great!
Hi!
I have created a JQuery plugin called Simple AutoComplete, that allows you to add many autocomplete as you want on the same page, and to add filters with extra param, and execute a callback function to bring other params, like the id of the item.
See it at http://www.idealmind.com.br/projetos/simple-autocomplete-jquery-plugin/
Can someone recommend what IE PNG fix script they use? I normally use filters…
Hi,
Does anyone know if there is an easy way to ensure that one of the values from the list is chosen (and not free text).
Thanks!!