Clearing the textbox values onclick and displaying onblur

Question

Is there a way to clear the default textbox value onclick on textbox and display onblur of multiple textboxes on form page?

Answer 1

HTML:

<input type="text" value="" onClick="Clear();" id="textbox1>
<input type="text" value="" onClick="Clear();" id="textbox2>
<input type="text" value="" onClick="Clear();" id="textbox3>
<input type="text" value="" onClick="Clear();" id="textbox4>

Javascript :

function Clear()
{    
   document.getElementById("textbox1").value= "";
   document.getElementById("textbox2").value= "";
   document.getElementById("textbox3").value= "";
   document.getElementById("textbox4").value= "";
}

Your question was a little vague to me, but the above will clear all the textboxes when one is clicked. Hopefully this helps you.

Answer 2

One Line solution

  <input type="text" value="" onClick="this.value='';" id="textbox1">

or

 <input type="text" value="" onClick="this.value=='Initial Text'?this.value='':this.value;" id="textbox1">