Sometimes we need to set a default text on our form to give the user an idea about the text field. Suppose the google search box where the default text is Google when you click on it it will be disappeared and it checks on onblur event whether it is Google or not. If anything other than Google / Blank is written that it keeps it or it recall the text Google. Now how can we do that?

Here you go:

Step-1: set the following javascript code snippet in the head section of your HTML/PHP file

<script type=”text/javascript”>
function clickclear(thisfield, defaulttext) {
if (thisfield.value == defaulttext) {
thisfield.value = “”;
}
}
function clickrecall(thisfield, defaulttext) {
if (thisfield.value == “”) {
thisfield.value = defaulttext;
}
}
</script>

Step-2: Now write your input text field as given below:

<input type=”text” name=”ielts” size=”10″ value=”IELTS score” onclick=”clickclear(this, ‘IELTS score’)” onblur=”clickrecall(this,’IELTS score’)” />

and you are done :d