Tag <form>

Definizione

Il tag <form> è utilizzato nei documenti HTML per creare moduli con aree di input, per far sì che un utente (client-side) possa inviare dati e informazioni al server per una successiva elaborazione.

I form sono comunemente utilizzati per creare moduli di:

Accesso o registrazione ad un sito web.
Contatto e invio email.
Compilazione di dati anagrafici o dati di pagamento.
Iscrizione a newsletters.

Le applicazioni dei form HTML sono praticamente illimitate.

I vari campi/aree testuali presenti in un form, sono definiti tramite il tag <input>, dunque <form> è dipendente da questo per funzionare.

<form>

tag HTML

Crea un modulo/form HTML per consentire all'utente di inviare dati al server

Posizione:	<body>
Tag di chiusura:	Sì

Esempio

<form action="/page.php" method="post"> <label for="email">La tua email:</label> <input type="email" id="email" name="email"><br><br> <label for="password">La tua password:</label> <input type="password" id="password" name="password"><br><br> <input type="submit"> </form>

Attributi

Attributo	Valore	Descrizione
name	testo	Determina il nome degli elementi HTML o fornisce dati su un attributo associato.
rel	nofollow noopener noreferrer external license next opener prev search help	Serve a definire la relazione tra il documento e una risorsa.
target	_blank _parent _self _top	Determina il comportamento di un collegamento ipertestuale alla sua apertura
accept-charset	character set	Attribuisce un tipo di codifica dei caratteri per l'invio dei dati di un form HTML
action	URL	Determina la pagina di destinazione a cui verranno inviati i dati di un form HTML
autocomplete	on off	Indica l'opzione di auto completamento delle aree di input e/o di un form
enctype	application-x-www-form-urlencoded multipart/form-data text/plain	Determina il tipo di codifica dei dati di un form per l'invio al server
method	get post	Determina il metodo di invio dei dati di un form al server
novalidate	novalidate	Impedisce la convalida dei campi con valori tipizzati di elemento input

<form> supporta gli attributi di livello globale.

Compatibilità

Tutti i moderni browser supportano questo elemento.

Approfondimento

Le informazioni tramite un modulo HTML devono essere necessariamente elaborate da un server, attraverso script e un linguaggio di programmazione server-side.

Attraverso l'attributo method è possibile definire il metodo di invio dei dati al server, se tramite metodo "get" o "post".

Attraverso l'attributo action si può specificare la pagina di destinazione a cui inviare i dati del form.