CSS-Tricks Searchbar

[realph]

Hey there,

I wanted to know how to achieve something similar to the CSS-Tricks search-bar above (top-right of the site).

I’d like to know how to:

– Achieve the shape of the search-bar
– Keep the "submit" button inside the search-bar
– In the search-bar it displays the word "Search…", once you click on the search-bar the word "Search…" disappears and allows you to type your search, how would one achieve this

Thanks in advance

[wmwood]

Personally i would use

Code:

I hope this helps.

[Author]

Posts