Google Hint text in Search Box

Sep 27, 2010

Hint text in Search Box

A hint text inside the search box is Good practice.
How about, "Type here then press okay" or "Search this blog"

Demo:1
[HTML] of Demo:1
<form action="/search" class="srch-form" id="searchthis" method="get" style="display: inline;">
<input class="hint-text" id="search-box" name="q" size="25" type="text" value="write here" /><input class="srch-button" id="search-btn" type="submit" value="Search" /></form>
[CSS] of Demo1
<style type="text/css">
.srch-form
{
padding:3px 3px 3px 3px;
margin:3px 3px 3px 3px;
}
.hint-text
{
padding:5px 3px 5px 10px;
margin:3px 3px 3px 3px;
border:1px solid #817679;
background:#F2F2F2;
font-size:11px;
}
.srch-button
{
padding:3px 5px 3px 5px;
margin:3px 3px 3px 3px;
background:#7F4E52;
color:#FFFFFF;
font-size:12px;
font-family: Georgia, 'Times New Roman', serif;
text-align:center;
}
</style>


No comments:

Post a Comment