Clear all inputs value on focus

This small function help you to clear predefined value of all inputs on your website

Code:

function init(){
var inp=document.getElementsByTagName('input');
for(var i=0;i<;inp.length;i++){
if(inp[i].type=='text'){
inp[i].setAttribute('rel',inp[i].defaultValue)
inp[i].onfocus=function(){
if(this.value==this.getAttribute('rel')){this.value='';}
else{return false;}}
inp[i].onblur=function(){
if(this.value==''){this.value=this.getAttribute('rel');}
else{return false;}}
inp[i].ondblclick=function(){this.value=this.getAttribute('rel')}
}}}
if(document.childNodes){window.onload=init}

You can use any onload event which suite to your needs. I am using this one:

if(document.childNodes){window.onload=init}

, because it will works only when function is supported. It is just small prevention of error in MSIE 4

Example:

Test it on styled working example. To view it in action just give some input focus.

Tested in Firefox 0.7+, IE 5+, Opera 7.23+

Use script and style as you want.