Proprietà del Modulo HTML

Questo capitolo introduce HTML <form> Diversi attributi dell'elemento.

Attributo Action

action L'attributo definisce l'operazione da eseguire durante la presentazione del modulo.

Di solito, quando l'utente fa clic sul pulsante "Invia", i dati del modulo vengono inviati al file sul server.

Nell'esempio seguente, i dati del modulo vengono inviati al file denominato "action_page.php". Questo file contiene uno script server-side per elaborare i dati del modulo:

Esempio

Dopo la presentazione, i dati del modulo vengono inviati al file "action_page.php":

<form action="/action_page.php">
  <label for="fname">Nome:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Cognome:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

Prova personalmente

Suggerimento:Se l'attributo action viene omesso, l'azione viene impostata sulla pagina corrente.

Attributo Target

target L'attributo determina dove visualizzare la risposta dopo la submission del modulo.

target L'attributo può impostare uno dei seguenti valori:

Valore Descrizione
_blank La risposta viene visualizzata in una nuova finestra o scheda.
_self La risposta viene visualizzata nella finestra corrente.
_parent La risposta viene visualizzata nel frame padre.
_top La risposta viene visualizzata in tutto il body della finestra.
framename La risposta viene visualizzata in un iframe denominato.

Il valore predefinito è _self, il che significa che la risposta verrà aperta nella finestra corrente.

Esempio

In questo caso, il risultato della submission verrà aperto in una nuova scheda del browser:

<form action="/azione_pagina.php" target="_blank">

Prova personalmente

Attributo Method

L'attributo method specifica il metodo HTTP da utilizzare per inviare i dati del modulo.

I dati del modulo possono essere utilizzati come variabili URL (usando method="get") o come transazione HTTP POST (usando method="post") inviato.

Il metodo HTTP predefinito per la submission dei dati del modulo è GET.

Esempio

Questo esempio utilizza il metodo GET per inviare i dati del modulo:

<form action="/azione_pagina.php" method="get">

Prova personalmente

Esempio

Questo esempio utilizza il metodo POST per inviare i dati del modulo:

<form action="/azione_pagina.php" method="post">

Prova personalmente

Cose da considerare riguardo a GET:

  • Aggiungere i dati del modulo alla fine dell'URL sotto forma di coppie nome/valore
  • Non utilizzare mai GET per inviare dati sensibili! (I dati del modulo inviati saranno visibili nell'URL!)
  • La lunghezza dell'URL è limitata (2048 caratteri)
  • Utile per le submission di moduli in cui l'utente desidera aggiungere i risultati come segnalibri
  • GET è adatto per dati non sicuri, come le stringhe di ricerca di Google

Cose da considerare riguardo a POST:

  • Aggiungere i dati del modulo al corpo della richiesta HTTP (i dati del modulo inviati non verranno visualizzati nell'URL)
  • POST non ha limiti di dimensione, può essere utilizzato per inviare grandi quantità di dati.
  • La submission del modulo con POST non può aggiungere segnalibri

Suggerimento:Se i dati del modulo contengono informazioni sensibili o personali, è necessario utilizzare POST!

Attributo Autocomplete

autocomplete L'attributo determina se il modulo dovrebbe aprire la funzione di completamento automatico.

Dopo aver abilitato la funzione di completamento automatico, il browser riempirà automaticamente i valori in base ai precedenti input dell'utente.

Esempio

Abilitare il modulo di completamento automatico:

<form action="/azione_pagina.php" autocomplete="on">

Prova personalmente

Attributo Novalidate

novalidate L'attributo è un attributo booleano.

Se impostato, definisce che i dati del modulo non dovrebbero essere verificati durante la presentazione.

Esempio

Modulo senza attributo novalidate:

<form action="/action_page.php" novalidate>

Prova personalmente

Elenco di tutti gli attributi <form>

Attributo Descrizione
accept-charset Definisce la codifica di caratteri utilizzata per la presentazione del modulo.
action Definisce dove inviare i dati del modulo durante la presentazione del modulo.
autocomplete Definisce se il modulo dovrebbe aprire la funzione di completamento automatico (riempimento).
enctype Definisce come codificare i dati del modulo quando li si invia al server (solo per method="post").
method Definisce il metodo HTTP da utilizzare per inviare i dati del modulo.
name Definisce il nome del modulo.
novalidate Definisce che il modulo non dovrebbe essere verificato durante la presentazione.
rel Definisce il rapporto tra la risorsa collegata e il documento corrente.
target Definisce dove visualizzare la risposta ricevuta dopo la presentazione del modulo.