Attributi del modulo HTML
Questo capitolo descrive i diversi attributi per l' <form>elemento HTML.
L'attributo dell'azione
L' actionattributo definisce l'azione da eseguire quando il modulo viene inviato.
Di solito, i dati del modulo vengono inviati a un file sul server quando l'utente fa clic sul pulsante di invio.
Nell'esempio seguente, i dati del modulo vengono inviati a un file chiamato "action_page.php". Questo file contiene uno script lato server che gestisce i dati del modulo:
Esempio
Al momento dell'invio, invia i dati del modulo a "action_page.php":
<form action="/action_page.php">
<label for="fname">First
name:</label><br>
<input type="text" id="fname" name="fname"
value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
Suggerimento: se l' actionattributo viene omesso, l'azione viene impostata sulla pagina corrente.
L'attributo di destinazione
L' targetattributo specifica dove visualizzare la risposta ricevuta dopo l'invio del modulo.
L' targetattributo può avere uno dei seguenti valori:
| Value | Description |
|---|---|
| _blank | The response is displayed in a new window or tab |
| _self | The response is displayed in the current window |
| _parent | The response is displayed in the parent frame |
| _top | The response is displayed in the full body of the window |
| framename | The response is displayed in a named iframe |
Il valore predefinito è _selfche significa che la risposta si aprirà nella finestra corrente.
Esempio
Qui, il risultato inviato si aprirà in una nuova scheda del browser:
<form action="/action_page.php" target="_blank">
L'attributo del metodo
L' methodattributo specifica il metodo HTTP da utilizzare durante l'invio dei dati del modulo.
I dati del modulo possono essere inviati come variabili URL (con method="get") o come transazione HTTP post (con method="post").
Il metodo HTTP predefinito durante l'invio dei dati del modulo è GET.
Esempio
Questo esempio utilizza il metodo GET durante l'invio dei dati del modulo:
<form action="/action_page.php" method="get">
Esempio
Questo esempio utilizza il metodo POST durante l'invio dei dati del modulo:
<form action="/action_page.php" method="post">
Note su GET:
- Aggiunge i dati del modulo all'URL, in coppie nome/valore
- NON usare MAI GET per inviare dati sensibili! (i dati del modulo inviato sono visibili nell'URL!)
- La lunghezza di un URL è limitata (2048 caratteri)
- Utile per invii di moduli in cui un utente desidera aggiungere il risultato ai segnalibri
- GET è utile per i dati non protetti, come le stringhe di query in Google
Note sul POST:
- Aggiunge i dati del modulo all'interno del corpo della richiesta HTTP (i dati del modulo inviato non vengono visualizzati nell'URL)
- POST non ha limiti di dimensioni e può essere utilizzato per inviare grandi quantità di dati.
- Gli invii di moduli con POST non possono essere inseriti nei preferiti
Suggerimento: usa sempre POST se i dati del modulo contengono informazioni sensibili o personali!
L'attributo di completamento automatico
L' autocompleteattributo specifica se un modulo deve avere il completamento automatico attivato o disattivato.
Quando il completamento automatico è attivo, il browser completa automaticamente i valori in base ai valori immessi in precedenza dall'utente.
Esempio
Un modulo con completamento automatico su:
<form action="/action_page.php" autocomplete="on">
L'attributo non validato
L' novalidateattributo è un attributo booleano.
Quando presente, specifica che i dati del modulo (input) non devono essere convalidati al momento dell'invio.
Esempio
Un modulo con un attributo novalidate:
<form action="/action_page.php" novalidate>
Esercizi HTML
Elenco di tutti gli attributi <modulo>
| Attributo | Descrizione |
|---|---|
| accetta-charset | Specifica le codifiche dei caratteri utilizzate per l'invio del modulo |
| azione | Specifica dove inviare i dati del modulo quando viene inviato un modulo |
| completamento automatico | Specifica se un modulo deve avere il completamento automatico attivato o disattivato |
| enctype | Specifica come codificare i dati del modulo quando lo si invia al server (solo per method="post") |
| metodo | Specifica il metodo HTTP da utilizzare durante l'invio dei dati del modulo |
| nome | Specifica il nome del modulo |
| non validare | Specifica che il modulo non deve essere convalidato al momento dell'invio |
| rel | Specifica la relazione tra una risorsa collegata e il documento corrente |
| obbiettivo | Specifica dove visualizzare la risposta ricevuta dopo l'invio del modulo |