How to introduce a text inside a text field but when someone click inside it, the

[renzocj]

text vanish? This is probably one classic question, you have a text field with the text inside it saying "Search" for example, this text is in a very light grey and when the visitor click on this textfield the word "search" disappear and the visitor now can write whatever he wants.

How to do this ? can It be done using only CSS ?

 

[mel P]

I know you can use javascript i would recommend looking into that you don't need to learn the language just find a website somewhere and implement the code i think this is part of it.

<script type="text/javascript">

$(document).ready(function() {
$('#must').focus(function(){
var field = $(this);
if (field.val()==field.attr('defaultValue')){
field.val(' ');
}
});
});

</script>

 

[J D]

It can be done in HTML

<input value="" placeholder="Search" name="q" id="search-query" type="text">


use the names and ids to edit the design of the box


EDIT:

You can also try

<input type="text" id="yan-p" class="textfield default" name="p" size="40" value=" What are you looking for?">


Value is whats inside the
for id look above

EDIT 2:

And another way...

<input id="search_term" type="text" onclick="if(this.value == 'Search...') this.value='';" onblur="if(this.value.length == 0) this.value='Search...';" value="Search..." name="s">


value="your words here" make sure you change it in all of the this.value

 

[Taz]

By handling the focus and keypress events!

.