|
Quante volte avete compilato questionari on line, riempendo spazi bianchi e confermando il tutto premendo il tasto "submit" o "spedisci" o "send"? Immagino molte volte; in tutti questi casi vi siete serviti di un form. Importanti e per molti versi fondamentali, i form permettono di interagire con il visitatore delle pagine attraverso una procedura semplice ed intuitiva. Tale interazione si esplica attraverso la compilazione di questionari, firme di guestbook, sottoscrizione di mailing list ecc. Un form, nel momento in cui l'utente preme il tasto "submit", viene spedito presso il nostro indirizzo e-mail. Questa spedizione puo' essere fatta in due modi:  direttamente, senza alcun altro filtro; passando per un server che attraverso un CGI ne formatta il contenuto, facendolo arrivare in una forma ordinata.Nel primo caso sara' sufficiente impostare il codice del form in questo modo: <FORM METHOD=POST ACTION="mailto:mvalente@cdq.it"> <INPUT TYPE=text NAME="nome" size=15> <INPUT NAME="submit" TYPE="SUBMIT" VALUE="Spedisci"> </FORM> Dove <FORM METHOD=POST ACTION="mailto:mvalente@cdq.it"> determina appunto l'indirizzo e-mail (il mio in questo caso) al quale spedire il risultato del form. Ecco di seguito il risultato di questo codice: Questo metodo funziona solo con Netscape e NON con MSIE. Nel secondo caso invece ci serviremo del CGI fornito dal web server di Geocities, il quale filtrera' il form formattandone il contenuto: <FORM METHOD=POST ACTION="/cgi-bin/homestead/mail.pl?maxvalente"> <INPUT TYPE=text NAME="nome" size=15> <INPUT NAME="submit" TYPE="SUBMIT" VALUE="Spedisci"> </FORM> Dove "/cgi-bin/homestead/mail.pl?maxvalente" e' l'indirizzo dove raggiungere il CGI di Geocities, mentre "maxvalente" e' il login (in questo caso il mio) assengato ad ogni utente di Geocities. Ma cosa significa nella pratica "formattare il testo"? Nell'esempio precedente tale formattazione non sarebbe stata molto utile visto che il form era costituito da una sola voce. Ma nel caso in cui i campi del form fossero parecchi (come accade di solito) la mancata formattazione avrebbe conseguenze piu' gravi. Consideriamo un form con i seguenti campi: Il risultato senza formattazione, cioe' usando il metodo ACTION="mailto:mvalente@cdq.it", e' di ricevere in e-mail un testo del genere: Nome=Massimiliano+Valente&E-mail=mvalente@cdq.it&HomePage=&citta%27=Roma&eta%24=35&Commenti=Complimenti+per+la+tua+guida+al+linguaggio+HTML+mi+e'+stata+utile Non che sia illegibile ma e' certamente scomodo (soprattutto per chi riceve molte form al giorno) ricostruire il tutto per dargli una forma leggibile. Il CGI interviene proprio in questo senso. Ecco come sarebbe arrivato lo stesso form: (Nome)= Massimiliano Valente (mail)= mvalente@cdq.it (citta')= Roma (Commenti) ------------------------------------------- Complimenti per la tua guida al linguaggio HTML mi e' stata utile ------------------------------------------- Esaminiamo, ora, quali sono le varie opzioni di inserimento in un form. Generato col seguente codice: <FORM> <INPUT TYPE=text NAME="nome" size=15 hspace=20> </FORM> Generato col seguente codice: <FORM> <SELECT size=1 cols=4 NAME="Tendina">
<OPTION Value=2> Opzione 2 <OPTION Value=3> Opzione 3 <OPTION Value=4> Opzione 4 </FORM> Generato col seguente codice: <FORM> <input name="1" type=radio> Opzione 1<BR> <input name="2" type=radio> Opzione 2<BR> <input name="3" type=radio> Opzione 3<BR> <input name="4" type=radio> Opzione 4 </FORM> Generato col seguente codice: <FORM> <textarea name="Commento" cols=40 rows=6 WRAP=physical> </textarea> </FORM> La pagina che segue la compilazione di un form, comunica al sottoscrittore l'avvenuta spedizione dei suoi dati. Se si compila un form su Geocities appare una pagina con testo nero su sfondo grigio. E' possibile, a questo riguardo, modificare questa pagina, inserendone una propria. E' necessario creare una pagina (che in questo caso chiameremo "risposta.htm"), che vogliamo venga caricata all'atto della compilazione. Successivamente si deve inserire immediatamente prima del tag </form> il seguente codice HTML: <INPUT TYPE="hidden" NAME="next-url" VALUE="/Neighborhood/Address/risposta.htm"> E' importante inserire correttamente il tuo indirizzo. Per esempio se risiedi a nel Neighborhood "Paris" e il tuo numero e' 8698; nell'esempio dovrai iserire VALUE="/Paris/8698/risposta.htm" Se desideri che la mail che ti viene spedita da Geocities, dopo la compilazione di un form, abbia un titolo (o subject); dovrai inserire il seguente codice immediatamente prima del tag </form>: <INPUT TYPE="hidden" NAME="subject" VALUE="Mio guestbook"> Dove "Mio guestbook" e' il titolo che apparira' nella mail. clicca qui per tutti i comandi HTML dei form.clicca qui per visualizzare un guestbook tipo con relativo codice.clicca qui per sapere come sia possibile controllare che i dati del form vengano correttamente inseriti. |
