Ajax Loader
×

Search Box with Suggestions Dropdown

A rounded CSS3 search box with fancy search suggestions. It consists of a form element having two children namely input (for the main search field) and ul.results (for the search suggestions dropdown). The results container is initially hidden by setting its display property to none. When the search field is clicked (focused), the results get visible by setting its display property to block.

You can view the raw code here below or on github.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Search Box with Suggestions Dropdown

    CSSDeck G+