Quando si fornisce agli utenti un modulo per l’inserimento di dati può essere utile accompagnarlo da una semplice funzione che consente, con un click, di svuotare il contenuto di un campo <input> o di una <textarea>.
Realizzare questa funzionalità è molto semplice: sarà sufficiente, attraverso Javascript, creare un funzione custom attraverso la quale svuotare il valore corrente del campo che si desidera ripulire. Ecco il codice della funzione:
function svuota(el_id) {
document.getElementById(el_id).value = "";
}
L’utilizzo dela funzione è semplicissimo, basterà associarla al click su un link o un bottone, avendo cura di passare in argomento l’ID del campo <input> o della <textarea> che si desidera svuotare. Ad esempio:
<label>Scrivi un messaggio:</label>
<textarea name="messaggio" id="messaggio"></textarea>
<button onclick="svuota('messaggio')">Svuota la textarea</button>
Al click sul pulsante il contenuto della textarea verrà eliminato istantaneamente.
Di seguito un esempio che utilizza un campo di tipo <input>:
<label>Tuo nome:</label>
<input type="text" name="nome" id="nome">
<button onclick="svuota('nome')">Svuota il campo</button>