Disabilitare una casella di testo in Html

Corso online Responsive Design
Realizzare siti responsivi con HTML5 e CSS3.

Scritto da Luca Ruggiero nella sezione Html

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()">

I più cliccati della sezione Html

:: Impedire ad un testo di andare a capo in Html (34.443)

:: Le tabelle Html (31.276)

:: Formattazione del testo in Html (25.434)

:: Referenze dei Tag Html (19.109)

:: Creare tabelle con i bordi curvi (18.007)

:: Guida XHTML (16.409)

:: Struttura di un file Html (15.042)

:: Inserire un'icona nella barra degli indirizzi di MSIE (13.688)

:: Inserire le immagini in una pagina Html (11.123)

:: Sovrapporre un'immagine ad un layer senza posizionamento assoluto (10.961)

IN EVIDENZA
DOWNLOAD