I Form come visto anche in articoli precedenti, rappresentano il codice per creare moduli interattivi, che gli utenti di un sito potranno compilare.
Il tag <form> è un elemento blocco proprio come il <p>, per cui gode delle stesse proprietà piu ulteriori che andremo a definire.
Creare una pagina con Form
Come tutte le pagine html, possiamo iniziare a strutturare la nostra Form Page, con il codice introduttivo <head> dove andremo ad inserire riferimenti a titolo, foglio di stile e codice JavaScript se ne facciamo uso. Ad esempio, possiamo iniziare in questo modo:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Modulo iscrizione</title> <link href="./Modulo iscrizione/g=formCss" rel="stylesheet" type="text/css"> <script src="./Modulo iscrizione/g=jotform" type="text/javascript"></script> </head>
Fatti gli opportuni collegamenti a file di stile CSS e JavaScript, possiamo procedere nel comporre la nostra pagina. Subito dopo la chiusura dell’ <head> troviamo il <body> e quindi il <form>:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form class="pittorifamosi-form" action="http://" method="post" name="form" id="1" accept-charset="utf-8" novalidate> </form> </body> </html>
Nome e Action del Form
Il form è composto da alcuni elementi essenziali per il suo funzionamento, ed altri che nemmeno sono trascurabili, ovvero:
- name=”form” ( Indichiamo il nome del Form)
- action=”http://…” (Indica l’url alla pagina di Risposta che processerà i dati del Form)
Sempre tramite Action è possibile far si che i dati vengano inviati per email direttamente al Webmaster, il codice sarà il seguente:
<form action="mailto:tuamail@nomeDominio.it?subject=Oggetto predefinito" enctype="text/plain" method="POST">
Metodi di invio dati GET e POST
Inoltre potete vedere un’altro valore molto importante, ovvero method=”POST”.
Questo valore rappresenta il metodo di invio dei dati, ne esistono due e sono GET e POST.
Il metodo GET contatta la pagina di risposta ed invia i dati in un unico step. E nell’url della pagina di risposta potremo vedere tutta la “stringa di interrogazione” come ad esempio:
paginaRisposta.php?nome=Wolfgang&cognome=Cecchin&datiInviati=prova+invio
Il metodo POST invece, divide gli step e quindi separa:
- l’invio dei dati alla pagina di risposta
- dal contattare la pagina stessa.
Questa è anche la ragione per cui nell’url della pagina di risposta non comparirà la “stringa di interrogazione” come invece accadeva con GET.
Ti e' piaciuto l'articolo?
Commenti (0) / Aggiungi un commento 
Vai al Forum
Tag:
Data: 26 giugno 2012 
