form o moduli - di Eliana Argenti e Tommaso Bientinesi

I FORMS O MODULI

Istruzioni
Codici
Form che funziona
Collega un'opzione ad una pagina web
Usare un servizio gratuito

Cominciamo ad usare uno degli strumenti più potenti di Internet, che rende un sito veramente interattivo. Attraverso i moduli è possibile ottenere informazioni dall'utente. L'utente deve riempire i cosidetti campi di input, che sono di vario tipo.

L'utente può inserire dei dati in caselle di testo...	Inserisci i seguenti dati: Nome Cognome Età Password
operare delle scelte che si escludono a vicenda...	Sesso: Maschio Femmina
oppure operare scelte multiple...	Quali letture ti piacciono? Narrativa Saggi Gialli
scegliere una tra più opzioni in un elenco a discesa...	Dove compri di solito i libri?
avere uno spazio predefinito dove inserire delle righe di testo oppure copiare qualcosa...	Copia questo codice per ottenere un'area di testo: <form method="get"> <textarea name="testo" rows="6" cols="30"> </textarea> </form> Prova a scrivere qui dentro qualcosa....
inviare i dati oppure cancellare quanto è stato scritto.	ATTENZIONE! QUESTI TASTI NON FUNZIONANO!

ISTRUZIONI PER INSERIRE I VARI ELEMENTI

Per preparare un form basta seguire poche e semplici regole. Supponiamo di voler preparare un form come quello dell'esempio. I dati che l'utente immetterà nei vari campi saranno spediti all'indirizzo e-mail specificato, che di solito è quello dell'autore del sito. Questo è il metodo più semplice per ottenere informazioni, ed è valido se non si ha un grande traffico oppure se vogliamo solo pochi dati: dato che siamo principianti, per ora possiamo contentarci. Seguiremo i seguenti passi:

Dichiarare il form attraverso il tag
<form action="mailto:indirizzo e-mail" method="post" ENCTYPE="text/plain" >
Intendiamo così dichiarare che tutti i dati immessi, una volta premuto il pulsante Invia, devono essere inviati al nostro indirizzo di posta elettronica.
Inserire gli elementi che ci occorrono all'interno dei tag
<form> </form>.
Gli elementi che ora presentiamo servono tutti allo scopo di darci delle informazioni: perciò sono detti di input.

Abbiamo a disposizione i seguenti tipi di input:

Caselle di testo	Campi password	Pulsanti di controllo: se ne può selezionare più di uno.	Pulsanti di opzione: se ne può selezionare solo uno.	Elenchi a discesa.	Aree di testo.
Prova ad usare i vari elementi di input per vedere il loro funzionamento! Clicca sulle parole calde per conoscere il codice necessario ad inserire gli elementi che ti interessano!

Abbiamo inoltre a disposizione due pulsanti predefiniti:
	Determina l'azione specificata da "action" nel form
	Reimposta il form: cancella tutti i dati immessi dall'utente.

Abbiamo a disposizione i seguenti tipi di input:

Caselle di testo Campi password Pulsanti di controllo: se ne può selezionare più di uno. Pulsanti di opzione: se ne può selezionare solo uno. Elenchi a discesa. Aree di testo.

Prova ad usare i vari elementi di input per vedere il loro funzionamento!
Clicca sulle parole calde per conoscere il codice necessario ad inserire gli elementi che ti interessano!

Abbiamo inoltre a disposizione due pulsanti predefiniti:
Determina l'azione specificata da "action" nel form

Reimposta il form: cancella tutti i dati immessi dall'utente.

Se clicchi qui ottieni un listato completo che puoi copiare per preparare il tuo primo form. Devi solo inserire, al posto dei puntini, il tuo indirizzo di posta elettronica. Potrai così riempire il form e spedirlo a te stesso.
Se per caso la spedizione non va a buon fine, prova a sostituire ENCTYPE="text/plain" con ENCTYPE="application/x-www-form-urlencoded".
Con questo secondo codice il risultato non sarà, però, molto elegante:

il form arriverà sotto forma di allegato, in formato ATT;
per leggerlo si dovrà scegliere wordpad o simili;
i campi verranno visualizzati uno dopo l'altro, separati dalla &.

Resta comunque il fatto che intanto puoi ottenere delle informazioni.