DEMO - Cancellare campo form al click del mouse

Cliccare dentro il campo input (JavaScript deve essere attivo).


Codice HTML

<form action="" method="post">
<p>
<input type="text" id="search" name="search" value="cerca nel sito..."
onfocus="delDefaultValue('search')" onblur="checkEmptyValue('search')" style="color: #bbb" />
<input type="submit" value="Vai!" />
</p>
</form>

Codice JavaScript

function delDefaultValue(elem) {
elemChange = document.getElementById(elem);
if (elemChange.value == elemChange.defaultValue) {
elemChange.value='';
}
elemChange.style.color = '#333';
}

function checkEmptyValue(elem) {
elemChange = document.getElementById(elem);
if (elemChange.value == '') {
elemChange.style.color = '#bbb';
elemChange.value = elemChange.defaultValue;
}
}