Posted By: Michael L Perry
I want the search box on my web page to display the word “Search” in gray italics. When the box receives focus, it should look just like an empty text box. If there is already text in it, it should display the text normally (black, non-italics). This will help me avoid clutter by removing the label.
BTW, this is an on-page Ajax search, so it has no button.
Another option, if you’re happy to have this feature only for newer browsers, is to use the support offered by HTML 5’s placeholder attribute:
<input name="email" placeholder="Email Address">
In the absence of any styles, in Chrome this looks like: