Oltre agli attributi action e method, che hai visto nelle lezioni precedenti e che sono fondamentali per il funzionamento di un modulo, il tag <form> mette a disposizione molti altri attributi utili. In questa lezione vedremo quelli più comuni.
L'attributo target=”valore” è lo stesso che hai già incontrato nella lezione dedicata ai link. Nei form serve a scegliere come verrà aperta la pagina indicata nell'attributo action dopo l'invio del modulo. I valori più utilizzati sono:
target=”_self” è il valore predefinito e apre la pagina nella stessa scheda del browser.target=”_blank” apre la pagina in una nuova scheda del browser.Esistono anche altri valori, oggi utilizzati molto raramente:
target=”_top” apre la pagina occupando l'intera finestra del browser, uscendo da eventuali frame.target=”_parent” apre la pagina nel frame padre, se presente.target=”nome_di_un_frame” apre la pagina all'interno di un iframe con quel nome, argomento che vedremo nelle prossime lezioni.L'attributo autocomplete=”valore” permette al browser di completare automaticamente i campi del modulo utilizzando informazioni inserite in precedenza dall'utente. I valori disponibili sono on e off.
autocomplete=”on” abilita il completamento automatico dei campi, se il browser dispone già dei dati necessari.autocomplete=”off” richiede al browser di non suggerire né compilare automaticamente i campi del modulo.Alcuni browser potrebbero ignorare il valore off per determinati campi, come quelli relativi all'accesso, per offrire comunque il completamento automatico.
L'attributo novalidate disattiva la validazione automatica eseguita dal browser prima dell'invio del modulo. È un attributo booleano, quindi è sufficiente inserirne il nome senza assegnare alcun valore.
Nelle prossime lezioni vedremo gli attributi dei tag <input> che permettono di controllare i dati inseriti dall'utente. Se nel tag <form> è presente novalidate, questi controlli non verranno eseguiti dal browser prima dell'invio del modulo.
<form action="grazie.html" target="_blank" autocomplete="on" novalidate>
<input type="text" name="valore1">
<input type="submit" name="invia">
</form>
Nota: questa lezione spiega soltanto alcuni attributi del tag <form>. Per ricevere ed elaborare i dati inviati da un modulo è necessario utilizzare un linguaggio lato server, come Node.js o PHP, argomento che verrà affrontato nei corsi dedicati.