cerca qui

Se in un campo di ricerca abbiamo previsto un testo di default, ad esempio “Cerca qui” o “Ricerca” o qualsiasi altro testo, possiamo prevedere anche che, cliccando dentro al campo, la scritta scompaia permettendo all’utente di digitare immediatamente senza doversi preoccupare di cancellare il testo di default.

Ottenere questa funzionalità è semplicissimo:

<input type=”text” id=”ricerca” value=”Cerca qui…” onclick=”javascript:svuota()” />

L’evento onclick sul campo di ricerca richiama la funzione svuota():

<script type=”text/javascript”>
function svuota() {
document.getElementById(“ricerca”).value=””;
}
</script>

La funzione JS determina, tramite DOM, lo “svuotamento” agendo sull’attributo value. Qui lo script in azione.

NO SPAM. Non fornirò la tua email a terzi e riceverai solo contenuti che ti interessano sugli argomenti che tratto e potrai cancellarti quando vuoi con un link che trovi in tutte le email.