Argomenti trattati: la gestione dei campi di un form tramite JavaScript.
In questa sezione verranno esaminati quei campi che consentono direttamente all'utente di immettere dati oppure, come il campo hidden, che raccolgono valori da inviare al server.
Per utilizzare i metodi, usare la seguente sintassi:
document.nomeForm.nomeCampo.metodo();
Per utilizzare le proprietà, usare la seguente sintassi:
document.nomeForm.nomeCampo.proprietà;
L'oggetto Hidden
| form | restituisce il nome del form che contiene l'istanza |
| name | restituisce il nome dell'oggetto Hidden |
| type | restituisce il valore dell'attributo type dell'oggetto Hidden, ovvero 'hidden' |
| value | contiene il valore dell'oggetto Hidden |
L'oggetto Password
| Metodi | |
|---|---|
| blur() | Elimina lo stato attivo dalla casella password |
| focus() | Imposta lo stato attivo nella casella |
| select() | seleziona il testo immesso nella casella |
| Proprietà | |
| defaultValue | Il valore di default del campo password |
| form | restituisce il nome del form che contiene l'istanza |
| name | restituisce il nome dell'oggetto password |
| type | restituisce il valore dell'attributo type dell'oggetto password, ovvero 'password' |
| value | contiene il valore dell'oggetto password |
| Metodi | |
|---|---|
| blur() | Elimina lo stato attivo dalla casella casella di testo (text) |
| focus() | Imposta lo stato attivo nella casella |
| select() | seleziona il testo immesso nella casella |
| Proprietà | |
| defaultValue | Il valore di default del campo casella di testo (text) |
| form | restituisce il nome del form che contiene l'istanza |
| name | restituisce il nome dell'oggetto casella di testo (text) |
| type | restituisce il valore dell'attributo type dell'oggetto casella di testo (text), ovvero 'text' |
| value | contiene il valore dell'oggetto casella di testo (text) |
L'oggetto TextArea
| Metodi | |
|---|---|
| blur() | Elimina lo stato attivo dalla casella di testo a riga multipla (textarea) |
| focus() | Imposta lo stato attivo nella casella |
| select() | seleziona il testo immesso nella casella |
| Proprietà | |
| defaultValue | Il valore di default del campo casella di testo a riga multipla (textarea) |
| form | restituisce il nome del form che contiene l'istanza |
| name | restituisce il nome dell'oggetto casella di testo a riga multipla (textarea) |
| type | restituisce il valore dell'attributo type dell'oggetto casella di testo a riga multipla(textarea), ovvero 'text' |
| value | contiene il valore dell'oggetto casella di testo a riga multipla (textarea) |
Alcune considerazioni utili:
eval(document.nomeForm.nomeCampo.value);
Questo metodo è stato trattato in un esempio apposito.
Eventi principali supportati da MSIE per il tag TEXT e TEXTAREA:
Nota: perché alcuni eventi abbiano effetto, è necessario che il controllo abbia il focus, ovvero che lo stato sia attivo.