Adding text to the Input Field

[Chrisj]

I am using this Form below for searching, with success. I'd like to add the text:

Enter Search Words Here

into the Input Field, so people will know to enter search words there.

 

Can you tell me what change to the code below, I'll need to make to accomplish this?

 

Thanks

 

<form method="get" action="search.php" id="search">
  <div>
    <input type="hidden" name="type" value="images">
    <label for="sbi"><font size="6" color="#999999" face="Arial">Search:</font></label>
    <input type="text" name="keyword" id="sbi">
    <input type="image" src="/images/searchbutton.gif" align="middle" name="B2" value="Search"  />
  </div>
</form>

 

CSS code:

#search label {
  color:#666;
  font:1.4em Arial,sans-serif;

}

#sbi {
  font:10pt verdana,sans-serif;
  height:1.4em;
  width:20em;
  color:#000;
  border:2px inset #F5F5F5;
  background-color:#FFF;
  
}

#B2 {
  font:10pt verdana,sans-serif;
  width:7em;
  color:#fff;
  letter-spacing: 1px;
  border: 1px inset #F5F5F5;
  background-color: #800000;

}

[merylvingien]

<input type="text" name="keyword" id="sbi" value="Enter Search Words Here">

[FaT3oYCG]

you may also want to add

 

onblur="this.value = 'Enter Search Words Here';"

[Chrisj]

Thanks for your replies.

 

Can you please tell me why I'd want to add:

 

 

onblur="this.value = 'Enter Search Words Here';"

 

What does that do?

Thanks

[merylvingien]

You dont want to add that in this case. Test it out and see what happens!

[Chrisj]

Thanks. I tried it onblur and didn't see the line of text, until I entered a letter and then refreshed, so I went with <input type="text" name="keyword" id="sbi" value="Enter Search Words Here">

 

Is there a trick to make the words disppear when you select the field, rather then having to delete that line of text each time before entering search words?

 

Thanks again

[merylvingien]

<input type="text" name="keyword" id="sbi" value="Enter Search Words Here" onfocus="if

(this.value==this.defaultValue) this.value='';">

[FaT3oYCG]

You don't really need the if statment in there unless you only want it to empty when the text isn't a specific string.