Page 108 - Guida tascabile HTML5

Inviare il form: type=”submit”

Quasi indispensabile è il pulsante submit: pensate al classico Invia presente in

fondo a moltissimi form, o al Cerca nelle barre di ricerca di innumerevoli portali.

<input type="search" name="s">

<input type="submit" value="Cerca">
L’azione predefinita associata a questo controllo è l’invio dei dati verso la

pagina definita con l’attributo action nel tag <form> che lo contiene.

ATTENZIONE Se non verrà specificato un testo utilizzando l’attributo value, sarà

mostrata una stringa predefinita impostata dallo user agent.

Figura 6.15 Il pulsante di tipo submit consente di inviare al server i dati inseriti nel

modulo.

TERMINOLOGIA Alcuni attributi specifici per questo controllo consentono di
bypassare i valori specificati nel tag <form>:

con formaction è possibile specificare l’URL a cui saranno inviate le

informazioni inserite nel form;
con formenctype è possibile specificare il tipo di codifica del contenuto inviato al
server;
con formmethod è possibile specificare se la richesta al server sarà inviata con
metodo get o post;
con formnovalidate è possibile specificare se i dati del form devono essere

validati (false) oppure no (true);
con formtarget è possibile specificare la finestra o il frame di destinazione in cui
caricare la pagina di risposta del server.

In questo modo, nello stesso form possono coesistere pulsanti che danno il via ad
azioni differenti.

Ripristinare il form: type=”reset”

Un’utile possibilità, soprattutto quando si ha a che fare con form piuttosto

complessi, è quella di prevedere un pulsante di reset per riportare tutti i campi

allo stato iniziale, in modo da ripartire da zero con la compilazione: questa
comodità svuota i campi senza costringere l’utente a eseguire un refresh della