Disabilitare una casella di testo in Html

Autore: Luca Ruggiero | Tell a Friend

Corso HTML
Impara il linguaggio di marcatura per il Web.

Corso CSS
Web Design ed Accessibilità secondo il W3C!

In Html è molto semplice disabilitare una casella di testo ed impedire che un utente vi scriva dentro. Ci sono due metodi, uno mediante l'utilizzo della patola chiave disabled ed uno mediante l'utilizzo della patola chiave readonly.

Vediamo un esempio

<input type="text" name="campo1" value="Prova a scrivere qui..." disabled>
<input type="text" name="campo2" value="Prova a scrivere qui..." readonly>
Esiste tuttavia un altro metodo, ma non si tratta di puro Html, ma di un sistema che richiede l'ausilio di Javascript; il fine è quello di spostare altrove il cursore quando si tenta di posizionarlo nella casella di testo:
<input type="text" name="campo3" value="Prova a scrivere qui..." onFocus="this.blur()">

IN EVIDENZA
HOT LINKS