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.