anyone know how to use onfocus?

[jeger003]

im trying to create a search field......where it would say "Search...." and when the user clicks the field the "Search..." would disappear and if they clicked out it would return the "Search..."

 

i think there is a way to do it with onfocus....i would appreciate any help or links to help

 

 

thanks!!!

[ToonMariner]

I suggest you have a look at using jquery - if you do then managing this stuff is dead easy...

http://docs.jquery.com/Events/focus

[haku]

I agree with Toon Mariner. But if you really want to do it by hand, then you have to check the value of the input when the field is 'focused on', and if it is the default value, then set the value of the field to be empty.

[lonewolf217]

this is javascript, not HTML, but ...

 

<input type="text" value="Search..." onFocus="this.value='' ">

note, after this.value are two single quotes, not a double quote

[haku]

The only problem with that code is that it will always delete the value of the field after it is clicked on. So if a person realizes they missed a letter and want to go back to add it, when they click on the field, everything they entered will be deleted. This is why a check to see if the current value is the default value is necessary before deleting the value.

[Andy-H]

<input type="text" name="search" value="Search..." 
onfocus="if (this.value == 'Search...'){ this.value = ''; }"
onblur="if (this.value == ''){ this.value = 'Search...'; }" >

[jeger003]

hey guys,

i apologize i have replied my comp been messed up....i just want to take the time and thank you all for the help I greatly appreciate it.

 

 

@andy-h

thank you for the code works GREAT!!

 

thanks again everyone!!!