Programmazione Web » Javascript » Abilitare e disabilitare i campi di un form
Abilitare e disabilitare i campi di un form
Difficoltà:
Scritto da Alberto Giuliani
Sito Web: http://www.agwebsolutions.it 
Questo tutorial è stato letto 1143 volte
In questo tutorial vedremo come potere effettuare dei cambiamenti di proprietà ad un form.
Nella prima parte di questo tutorial vedremo come abilitare i campi di un form, nella seconda come disablitarli.
Abilitare un campo di un form
Per abilitare un campo di un form si intende far sì che al verificarsi di qualche evento, il cursore del mouse lampeggi dentro al campo, di modo che questo sia attivo.
Supponiamo di avere un form "modulo" con un campo "indirizzo" che vogliamo rendere attivo al caricamento della pagina.
Ecco quindi il codice del tag body:
<body onLoad="document.modulo.indirizzo.focus()">
Possiamo notare come l'evento focus renda attivo il campo "indirizzo" del form "modulo" della pagina (document) al caricamento (Onload) della pagina stessa. Logicamente questo evento può essere associato al caricamento di qualsiasi altro oggetto della pagina.
Disabilitare un campo di un form
La versione attuale del linguaggio Html dispone di due attributi per disabilitare un campo di un form, che esteticamente e non solo ottengono risultati diversi: readonly e disabled.
Ecco un form con due campi, uno impostato READONLY e l'altro DISABLED:
<form>
<input type="text" disabled value="ciao"/>
<input type="text" readonly value="ciao"/>
</form>
Possiamo notare come il primo campo appaia grigio (tecnicamente incassato), mentre il secondo appaia apparentemente normale, sebbene il testo al suo interno non sia modificabile.
La differenza dei due attributi, oltre che nel colore, sta nel fatto che il contenuto di un campo readonly è selezionabile e copiabile.
Aggiungi questo tutorial ai preferiti
