Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Introduzione
Spesso la pagina HTML richiesta dal client consente all'utente di inviare dei dati al server, per
l'elaborazione. Un modo molto semplice per comunicare questi dati è l'utilizzo di moduli (form)
HTML. La comunicazione tra client e server avviene utilizzando il protocollo http, che studieremo
in maniera approfondita in seguito.
L’invio dei dati è solitamente organizzato in due parti:
• una pagina principale contiene i vari campi dei form, che consentono all’utente di immettere
dei dati;
• una pagina secondaria, che viene richiamata dalla principale e che effettua "il lavoro" vero e
proprio di processare e raccogliere i dati. Di norma si tratta di una pagina di programmazione
che si trova sul server. Può essere una pagina asp, php, jsp o altro.
Form HTML
Un form può essere inserito in una pagina HTML mediante il tag doppio FORM.
<form>
campo 1: <input/>
campo 2: <input/>
...............
</form>
Caselle
Le caselle si distinguono in:
– caselle di testo - il valore di type è "text";
– caselle di password - il valore di type è "password";
– caselle nascoste - il valore di type è "hidden". Le caselle nascoste sono utilizzate dal
programmatore per inviare dati aggiuntivi al server.
Pulsanti
I pulsanti si distinguono in:
– pulsanti generici - il valore di type è "button";
– pulsanti di invio - il valore di type è "submit";
– pulsanti di annullamento - il valore di type è "reset";
– pulsanti immagine - il valore di type è "image".
</body>
</html>
Nota: gli attributi di input sono, in questo caso, molto simili a quelli del tag img.
La versione 4 di HTML consente di creare pulsanti più complessi, mediante l'uso del tag doppio
BUTTON.
La possibilità di inserire il testo del pulsante tra l’apertura e la chiusura del tag medesimo ci
consente di specificare anche del codice HTML all’interno del tag ed eventualmente associare al
pulsante un'immagine.