HTML: Il tag <form>
Commenti disabilitati su HTML: Il tag <form>
Il tag HTML <form> definisce un modulo HTML per l’input dell’utente.
Definizione e utilizzo
Il tag HTML <form> può contenere elementi di input come campi testo, checkboxes, radio buttons pulsanti di invio e altro.
Può anche contenere menu di selezione, aree di testo, etichette e altri elementi.
I form sono usati per passare dati ad un server per una successiva elaborazione.
La sintassi è la seguente:
<form action="file.php"> <!-- Qui vanno i campi del form --> </form>
In XHTML l’attributo name del tag <form> è deprecato e va rimosso, al suo posto puoi usare l’attributo id.
Esempi di utilizzo del tag FORM
Ecco alcuni esempi di utilizzo del tag FORM.
Gli attributi del tag FORM
Attributi richiesti
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
Attributo | Valore | Descrizione | DTD |
---|---|---|---|
action | URL | Specifica dove inviare i dati del form alla pressione del tasto submit | STF |
Attributi opzionali
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
Attributo | Valore | Descrizione | DTD |
---|---|---|---|
accept | tipo MIME | Specifica i tipi di file che possono essere inviati tramite upload | STF |
accept-charset | charset | Specifica i set di caratteri che il server può gestire | STF |
enctype | application/x-www-form-urlencoded multipart/form-data text/plain |
Specifica come i dati del form devono essere codificati prima di essere inviati al server | STF |
method | get post |
Specifica il modo in cui i dati vengono inviati al server | STF |
name | nome | Specifica il nome di un form | TF |
target | _blank _self _parent _top nome_frame |
Deprecato. Specifica dove aprire l’URL dell’attributo action | TF |
Attributi standard
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
Il tag <form> supporta i seguenti attributi standard:
Attributo | Valore | Descrizione | DTD |
---|---|---|---|
class | nome classe | Specifica il nome di una classe per un elemento. | STF |
dir | ltr rtl |
Specifica la direzione del testo all’interno di un elemento. | STF |
id | id | Specifica un id univoco per un elemento. | STF |
lang | codice lingua | Può essere utilizzato per indicare il codice della lingua dell’elemento. | STF |
style | definizione stile | Specifica uno stile in linea per un elemento. | STF |
title | testo | Può essere utilizzato per fornire dati aggiuntivi sull’elemento. | STF |
xml:lang | codice lingua | Può essere utilizzato, nei documenti XHTML, per indicare il codice della lingua dell’elemento. | STF |
Attributi Evento
DTD (Document Type Definition, Definizione del tipo di documento): indica in quali Doctype il tag è consentito. S=Strict, T=Transitional e F=Frameset.
Il tag <form> supporta i seguenti eventi Javascript:
Attributo | Valore | Descrizione | DTD |
---|---|---|---|
onclick | script | Specifica uno script da eseguire al click del mouse | STF |
ondblclick | script | Specifica uno script da eseguire al doppio click del mouse | STF |
onmousedown | script | Specifica uno script da eseguire quando è premuto il pulsante sinistro del mouse | STF |
onmousemove | script | Specifica uno script da eseguire al movimento del mouse | STF |
onmouseout | script | Specifica uno script da eseguire quando il puntatore del mouse esce fuori dall’area dell’elemento | STF |
onmouseover | script | Specifica uno script da eseguire al passaggio del mouse sull’elemento | STF |
onmouseup | script | Specifica uno script da eseguire quando viene rilasciato il pulsante sinistro del mouse | STF |
onkeydown | script | Specifica uno script da eseguire alla pressione di un tasto sulla tastiera | STF |
onkeypress | script | Specifica uno script da eseguire quando viene premuto e rilasciato un tasto sulla tastiera | STF |
onkeyup | script | Specifica uno script da eseguire al rilascio di un tasto sulla tastiera | STF |
Browser supportati
Il tag <form> è supportato da tutti i principali browser.
Firefox | Safari | Chrome | Opera | IE 8 | IE 7 | IE 6 |
---|---|---|---|---|---|---|
SI | SI | SI | SI | SI | SI | SI |