Modulo di input HTML * Attributi
Questo capitolo descrive i diversi form*attributi per l' <input>elemento HTML.
L'attributo del modulo
formL' attributo input specifica la forma a cui <input>appartiene l'elemento.
Il valore di questo attributo deve essere uguale all'attributo id dell'elemento <form> a cui appartiene.
Esempio
Un campo di input situato al di fuori del modulo HTML (ma fa ancora parte del modulo):
<form action="/action_page.php" id="form1">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last
name:</label>
<input type="text" id="lname"
name="lname" form="form1">
L'attributo di formazione
L'attributo input formactionspecifica l'URL del file che elaborerà l'input al momento dell'invio del modulo.
Nota: questo attributo sovrascrive l'
actionattributo <form>dell'elemento.
L' formactionattributo funziona con i seguenti tipi di input: invio e immagine.
Esempio
Un modulo HTML con due pulsanti di invio, con diverse azioni:
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
L'attributo formenctype
L'attributo input formenctype specifica come codificare i dati del modulo al momento dell'invio (solo per moduli con metodo="post").
Nota: questo attributo sovrascrive l'attributo enctype <form>dell'elemento.
L' formenctypeattributo funziona con i seguenti tipi di input: invio e immagine.
Esempio
Un modulo con due pulsanti di invio. Il primo invia i form-data con la codifica di default, il secondo invia i form-data codificati come "multipart/form-data":
<form action="/action_page_binary.asp" method="post">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formenctype="multipart/form-data"
value="Submit as
Multipart/form-data">
</form>
L'attributo del metodo
L'attributo di input formmethod definisce il metodo HTTP per inviare i dati del modulo all'URL dell'azione.
Nota: questo attributo sovrascrive l'attributo del metodo <form>dell'elemento.
L' formmethodattributo funziona con i seguenti tipi di input: invio e immagine.
I dati del modulo possono essere inviati come variabili URL (method="get") o come transazione HTTP post (method="post").
Note sul metodo "get":
- Questo metodo aggiunge i dati del modulo all'URL in coppie nome/valore
- Questo metodo è utile per gli invii di moduli in cui un utente desidera aggiungere il risultato ai segnalibri
- C'è un limite alla quantità di dati che puoi inserire in un URL (varia tra i browser), quindi non puoi essere sicuro che tutti i dati del modulo verranno trasferiti correttamente
- Non utilizzare mai il metodo "ottenere" per trasmettere informazioni sensibili! (la password o altre informazioni sensibili saranno visibili nella barra degli indirizzi del browser)
Note sul metodo "post":
- Questo metodo invia i dati del modulo come transazione post HTTP
- Gli invii di moduli con il metodo "post" non possono essere inseriti nei preferiti
- Il metodo "post" è più robusto e sicuro di "get" e "post" non ha limiti di dimensioni
Esempio
Un modulo con due pulsanti di invio. Il primo invia i dati del modulo con method="get". Il secondo invia il form-data con method="post":
<form action="/action_page.php" method="get">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit using
GET">
<input type="submit" formmethod="post" value="Submit using
POST">
</form>
L'attributo di destinazione del formato
L'attributo input formtargetspecifica un nome o una parola chiave che indica dove visualizzare la risposta ricevuta dopo l'invio del modulo.
Nota: questo attributo sovrascrive l'attributo target <form>dell'elemento.
L' formtargetattributo funziona con i seguenti tipi di input: invio e immagine.
Esempio
Un modulo con due pulsanti di invio, con diverse finestre di destinazione:
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
L'attributo formnovalidate
L'attributo input formnovalidatespecifica che un elemento <input> non deve essere convalidato al momento dell'invio.
Nota: questo attributo sovrascrive l'attributo novalidate <form>
dell'elemento.
L' formnovalidateattributo funziona con i seguenti tipi di input: submit.
Esempio
Un modulo con due pulsanti di invio (con e senza convalida):
<form action="/action_page.php">
<label for="email">Enter your
email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formnovalidate="formnovalidate"
value="Submit without validation">
</form>
L'attributo non validato
L' novalidateattributo è un <form>attributo.
Quando presente, novalidate specifica che tutti i dati del modulo non devono essere convalidati al momento dell'invio.
Esempio
Specificare che nessun dato del modulo deve essere convalidato all'invio:
<form action="/action_page.php" novalidate>
<label
for="email">Enter your email:</label>
<input type="email"
id="email" name="email"><br><br>
<input type="submit"
value="Submit">
</form>
Modulo HTML ed elementi di input
| Tag | Description |
|---|---|
| <form> | Defines an HTML form for user input |
| <input> | Defines an input control |
Per un elenco completo di tutti i tag HTML disponibili, visita il nostro Riferimento ai tag HTML .