SearchField
CSS January 28th, 2008
SearchField is a simple lightweight, unobtrusive script that adds styling and behaviour to your search form fields.
All you need to make SearchField work is a simple form field and 2 lines of code (links to css and js file) and you are ready to rock.
Features
SearchField features 3 states for search input field based on user’s actions. We have inactive state, on click state (on focus to be exact) and inactive with user inputted text. You’ve seen these features on many sites but the difference here is that all you need to do is provide id to your search field, script takes it from there.
Additional feature, that can be turned on and off, is a search suggestion terms displayed as a dropdown box below the search field. You can navigate with up and down keys, or your mouse and you can edit your own keywords. Again, there is a difference between this and other suggestion or autocomplete scripts. With SearchField you don’t have to worry about additional markup or id’s for dropdown list, it is generated automatically.
Website : http://cssglobe.com/lab/searchfield/