|
|
Manuale
scritto da Rosario Zappalà nel mese di aprile 2002
TESTI
E MANUALI
Copyright©
Rosario Zappalà - Testi e Manuali™ 2002
Sono vietate la riproduzione, la pubblicazione e la distribuzione anche parziale
del presente manuale
senza il consenso scritto dell'autore.
I
moduli
Proprietà
I moduli (o forms) sono
costituiti da elementi come caselle di testo o menù a tendina
associati a pulsanti e di solito servono per interagire con i nostri
visitatori, visto la possibilità di inviare dati tramite essi. Le potenzialità dei moduli
sono infinite, si possono utilizzare da soli o con java scripts, vi si
possono eseguire calcoli matematici e in pratica dipende dal
programmatore il renderli sempre più funzionali. Vediamo ora come dotare il nostro sito
(presuppongo che abbiate creato almeno la pagina principale ormai...) di un form.
Il comando da utilizzare è: |
| <form> |
Da solo non serve a niente, ha bisogno degli attributi sotto descritti.
Action
Serve ad indirizzare il modulo al server
(per inviare ad esempio dei messaggi al webmaster del sito che ospita il form).
Method
Ammette due metodi: Post
e Get, i quali servono per inviare i dati
scritti nel form.
Name
Il nome del modulo, è facoltativo in html, obbligatorio in
javascript.
Proviamo ora a vedere come iniziare a realizzare il form
per inviare un messaggio tramite una casella mail ed un tasto
Invia. Di seguito il codice, come sempre, editor html e provate: |
<form>
Inserisci il tuo nome: <input type="Text" name="tuo nome">
</form> |
Il campo dentro il quale scrivere la e-mail si ottiene con <input> associato ad alcuni parametri quali type="text" e name="tuo
nome" in modo tale da raccogliere i dati e spedirli.
Ovviamente il modulo non è ancora funzionante per il
semplice motivo che manca un tasto di invio ed una destinazione per i dati da inviare.
Provvediamo a realizzare un tasto di invio con il comando input e submit
come vedete nel codice a seguire, per scrivere sul pulsante utilizzeremo value, esattamente come segue: |
<form>
Inserisci il tuo nome: <input type="Text" name="tuo nome">
<input type="Submit" value="invia">
</form> |
Ora che avete provato il codice sul vostro editor, vi sarete accorti di avere una casella
di testo e un pulsante di invio. Manca tuttavia qualcosa: l'indirizzo
al quale inviare il messaggio, cioè il nostro. Abbiamo due alternative, potremmo
scegliere di farci inviare il messaggio tramite i CGI, ma spesso i server
che mettono a disposizione gratuitamente dello spazio non mettono a disposizione i CGI,
allora utilizziamo la nostra e-mail, magari creata allo scopo. Di seguito il codice completo per rendere funzionante il
modulo utilizzando un indirizzo di posta elettronica: |
<form
method="post" action="mailto:tuoindirizzo@qui.it"
enctype="text/plain"
name="mio_form">
Il tuo nome: <input type="Text"
name="tuo nome">
Il tuo giudizio: <input type="Text"
name="giudizio">
<input type="Submit"
value="invia">
</form> |
Ora non vi resta che provare il codice e quindi studiarlo. |
|
|
