Categories

SearchField

SearchFieldCSSJanuary 28th, 2008

SearchField

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.

http://cssglobe.com/lab/searchfield/

Share This

cgitop.com


Explore posts in the same categories: CSS

Comments are closed.