Argomenti trattati: i pulsanti di un form.
Anche i pulsanti possono essere considerati oggetti di terzo livello, contenuti nel form nel quale svolgono una funzione di invio del modulo, di azzeramento del modulo, oppure una funzione generalmente legata ad un'istruzione JavaScript, non predefinita per default.
Per utilizzare i metodi, usare la seguente sintassi:
document.nomeForm.nomePulsante.metodo();
es.
document.form1.button1.focus();
Per utilizzare le proprietà, usare la seguente sintassi:
document.nomeForm.nomePulsante.proprietà;
es.
document.form1.buttonReset2.value;
Per tutti e tre i tipi di pulsante, button, reset e submit, è possibile elencare i seguenti metodi e proprietà:
| Metodi | |
|---|---|
| blur() | rimuove lo stato attivo dal pulsante |
| click() | richiama l'evento click sul pulsante |
| focus() | attiva il fuoco sul pulsante |
| Proprietà | |
| form | restituisce il nome del form che contiene il pulsante |
| name | restituisce il nome del pulsante |
| type | restituisce l'attributo type (button, reset o submit) |
| value | restituisce il valore che fa visualizzare il testo sul pulsante |
Anche un pulsante di tipo button può fungere da tasto di azzeramento o di invio del form, utilizzando i metodi reset() e submit() dell'oggetto form.
Si può notare come il testo sui pulsanti possa modificarsi automaticamente.
Vi è infine la possibilità di sostituire il tasto di submit con il seguente tag, che permette di utilizzare un'immagine:
<INPUT TYPE="image" SRC="indirizzo_immagine">
Vai all'oggetto form | Eventi dei pulsanti del form