Esempio
Un modulo HTML con due campi di input e un pulsante di invio:
<form
action="demo_form.asp"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Prova tu stesso " Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
Il <form> tag viene utilizzato per creare un modulo HTML per l'input dell'utente.
Il <form> elemento può contenere uno o più dei seguenti elementi del modulo:
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <form> | sì | sì | sì | sì | sì |
Differenze tra HTML 4.01 e HTML5
HTML5 ha aggiunto due nuovi attributi: autocomplete e novalidate , e removed il accept attributo.
Differenze tra HTML e XHTML
In XHTML, il name dell'attributo è deprecato. Utilizzare l'attributo id globale, invece.
attributi
= Nuovo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| accept | file_type | Non supportato in HTML5. Specifica un elenco separato da virgole di tipi di file che il server accetta (che può essere presentata attraverso il caricamento di file) |
| accept-charset | character_set | Specifica la codifica dei caratteri che devono essere utilizzati per la presentazione modulo |
| action | URL | Specifica dove inviare il form-data quando viene presentato un modulo |
| autocomplete | on off | Specifica se una forma dovrebbe avere completamento automatico on o off |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Specifica come la forma-dati devono essere codificati al momento della presentazione al server (solo per method="post" ) |
| method | get post | Specifica il metodo HTTP da utilizzare per l'invio di form-data |
| name | text | Specifica il nome di un modulo |
| novalidate | novalidate | Specifica che il modulo non deve essere convalidato al momento della presentazione |
| target | _blank _self _parent _top | Specifica dove per visualizzare la risposta che si riceve dopo l'invio del modulo |
attributi globali
Il <form> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <form> tag supporta anche l' evento Attributi in HTML .
Provate voi stessi - Esempi
Modulo con caselle di controllo
Un modulo con due caselle di controllo, e un pulsante di invio.
Modulo con radiobutton
Un modulo con due pulsanti di opzione, e un pulsante di invio.
Pagine correlate
HTML tutorial: moduli HTML e di ingresso
Di riferimento HTML DOM: oggetto Form
CSS Tutorial: Forme Styling
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <form> elemento con i seguenti valori di default: