English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il tag <form> HTML viene utilizzato per creare moduli su pagine web con controlli interattivi per l'input dell'utente, utilizzati per inviare informazioni al server web. Questo tag è anche noto come elemento <form>.
Modulo HTML con due campi di input e un pulsante di invio:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Utilizzo del tag footer HTML5 (Base tutorial di base tutorial.net oldtoolbag.com)</title> </head> <body> <h1>Base tutorial di oldtoolbag.com</h1> <form action="demo-form.php" method="post"> Azienda: <input type="text" name="company"><br> Indirizzo: <input type="text" name="address"><br> <input type="submit" value="Submit"> </form> </body> </html>Testa per vedere ‹/›
In questo esempio di documento HTML5, abbiamo utilizzato il tag <form> per creare un modulo HTML. Il modulo contiene due controlli <input> per l'indirizzo e l'azienda e un pulsante di invio.
L'effetto dopo l'esecuzione è il seguente:
IEFirefoxOperaChromeSafari
Tutti i browser mainstream supportano il tag <form>.
Se hai impostato autocomplete su off in un modulo perché il documento corrente fornisce un completamento automatico esclusivo, allora dovresti anche impostare autocomplete su off per ogni elemento input del modulo per permettere al documento di接管 il completamento automatico.
Il tag <form> viene utilizzato per creare un modulo HTML per l'inserimento dell'utente.
L'elemento <form> contiene uno o più degli elementi di modulo seguenti:
HTML5 ha aggiunto due nuovi attributi: autocomplete e novalidate, e non supporta alcuni attributi di HTML 4.01.
In XHTML, l'attributo name è stato abbandonato. Utilizzare l'attributo id globale come sostituto.
Nuovo: Nuovo attributo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| accept | MIME_type | HTML5 non supporta. Stabilisce il tipo di file ricevuto dal server (i file vengono inviati tramite il caricamento di file). |
| accept-charset | character_set | Stabilisce il set di caratteri che il server può gestire per i dati del modulo. |
| action | URL | Stabilisce dove inviare i dati del modulo quando si presenta il modulo. |
| autocompleteHTML5 | on off | Stabilisce se abilitare la funzione di completamento automatico del modulo. |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Stabilisce come codificare i dati del modulo prima di inviarli al server (valido solo per method="post"). |
| method | get post | Stabilisce il metodo HTTP utilizzato per inviare i dati del modulo. |
| name | text | Stabilisce il nome del modulo. |
| novalidateHTML5 | novalidate | Se utilizzato questo attributo, non viene eseguita la verifica durante la presentazione del modulo. |
| target | _blank _self _parent _top | Determina dove aprire l'URL action. |
Supporto <form> etichetta Attributi globali HTML.
Supporto <form> etichetta Attributi di evento HTML.
Pulsanti radio (Radio buttons)
Questo esempio dimostra come creare pulsanti radio in HTML.
Caselle di controllo (Checkboxes)
Questo esempio dimostra come creare caselle di controllo in una pagina HTML. Gli utenti possono selezionare o deselezionare le caselle di controllo.
Elenco a discesa semplice
Questo esempio dimostra come creare una semplice casella di elenco a discesa in una pagina HTML. La casella di elenco a discesa è una lista opzionale.
Elenco a discesa preselezionato
Questo esempio dimostra come creare una semplice elenco a discesa con valori preselezionati.
Campo di testo (Textarea)
Questo esempio dimostra come creare un campo di testo (controllo di input di testo multilinea). Gli utenti possono scrivere testo nel campo di testo. La lunghezza del testo che può essere scritto non è limitata.
Creare un pulsante
Questo esempio dimostra come creare un pulsante. Puoi personalizzare il testo sul pulsante.
Tutorial HTML:Formulari e input HTML
Manuale di riferimento HTML DOM: Oggetto Form