0

How I can make a Search field like a HOTMAIL Search Bing.
In which search button is inside a search field and there is a Bing image in search field and also when i click in search field, bing disappear. image is attached.
thanks in advance...

Attachments search.jpg 3.58 KB
3
Contributors
6
Replies
7
Views
8 Years
Discussion Span
Last Post by almostbob
0
<form action="blabla google blabla get the url from webmnaster tools blabla" method='get'>
<input type='text' style="background:url('searchtheweb.jpg');" onfocus='style="background:none;";'>
<input type='submit' value='Search' >
</form>

see the attached image

google MSN(bing) and yahoo have a bunch of html buttons to do just that on their webmaster gadgets pages

Attachments searchtheweb.jpg 0.84 KB
0

its working and showing picture but when I click picture does not disappear.

onfocus='style="background:none;";
0

its working and showing picture but when I click picture does not disappear.

onfocus='style="background:none;";

my javascript is not perfect, sorry
try

onfocus='this.style.background="none";'

not perfect = not good at all

0

Thanks . now on focus is working.

Please Tell me how I can use onfocus with class. I use class and Exteranl CSS file. now How image will disppaer when focus?

<input name="myusername" type="text" value="Enter Your Username" class="textfield_effect" id="myusername" onfocus="this.value=''" />
0
.textfield_effect { background:url('searchtheweb.jpg'); }
.textfield_effect:focus { background:none; }
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.