0

Use

This script can be used to mimize space of a textfield by putting the title of the field inside the text field itself when the page loads. This title will then disapear when it is clicked.

How To Use

Use the following code as your textfield and fill in the "value" property with the text that you want appear inside the field.

I hope you can use this handy code somewhere

<input onfocus="this.value=''" name="Search" type="text" value="Search"/>
6
Contributors
5
Replies
7
Views
10 Years
Discussion Span
Last Post by ServletEst
0

But this code won't work if the text field loses focus and then gains it again and for a variety of other conditions. With a bit of tweaking you guys should get the desired result. Here is my stab at it...:

<html>
<head>
    <title>Cool Text Effect</title>
</head>
<body>
    <label>Click on this text box </label>
    <input type="text" name="txt" value="Search" 
        onfocus="if(this.value == 'Search') { this.value = ''} " 
            onblur="if(this.value == '') { this.value='Search'; }" />
</body>
</html>
0

ah... but what if nothing and Search are valid values? ;)

<input type="text" name="txt" value="Search" 
        onfocus="if(this.beenchanged!=true){ this.value = ''}" 
            onblur="if(this.beenchanged!=true) { this.value='Search' }"
               onchange="this.beenchanged = true;"/>
0

Nice job, the original code i already know but the comments posted are very helpful.

0
<html>
<head>
<title>Text Effect</title>
</head>
<body>
<input style='background:url("search.jpg")' type="text" name="txt" value="" 
  onfocus='this.style.background="none";' 
  onblur="if(this.value == '') { this.style.background="url('search.jpg')"; }" />
</body>
</html>

where search.jpg is an image of the word 'Search'

Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.