<input type="reset">
Gli elementi <input type="reset">
vengono visualizzati come pulsanti, con un gestore di eventi click
predefinito che reimposta tutti gli input nel modulo ai valori iniziali.
Valore
L'attributo value
di un elemento <input type="reset">
contiene una stringa che viene utilizzata come etichetta del pulsante. Pulsanti come reset
non hanno un valore altrimenti.
Impostazione dell'attributo value
<input type="reset" value="Resetta il form">
Omissione dell'attributo value
Se non specifichi a value, ottieni un pulsante con l'etichetta predefinita (in genere "Ripristina", ma questo varia a seconda dell'agente utente ):
<input type="reset">
Utilizzo di <input type="reset">
In <input type="reset">
i pulsanti vengono utilizzati per ripristinare i moduli. Se vuoi creare un pulsante personalizzato e poi personalizzare il comportamento utilizzando JavaScript, devi utilizzare <input type="button">
, o meglio ancora, un elemento <button>
.
Un semplice pulsante di ripristino
<form>
<div>
<label for="esempio">Inserisci un testo di esempio</label>
<input id="esempio" type="text">
</div>
<div>
<input type="reset" value="Resetta il form">
</div>
</form>
Disabilitazione e abilitazione di un pulsante di ripristino
Per disabilitare un pulsante di ripristino, specifica l'attributo disabled
su di esso, in questo modo:
<input type="reset" value="Disabilitato" disabled>
Nota: vedere la pagina dedicata a <input type="button">
per ulteriori idee sull'abilitazione e la disabilitazione dei pulsanti.
Convalida
I pulsanti non partecipano alla convalida dei vincoli; non hanno alcun valore reale da vincolare.