Concetti Chiave
- Una form in HTML è un modulo delimitato dai marcatori , utilizzato per raccogliere dati dagli utenti.
- Il Client invia la form al Server specificato dall'attributo ACTION, utilizzando i metodi POST o GET definiti nell'attributo METHOD.
- Il Client inizia con una richiesta GET della pagina e, una volta ricevuta, interagisce con il modulo per inviare i dati al Server.
- Le form possono includere vari elementi come caselle di testo, radio button, checkbox, menù a tendina e pulsanti di invio.
- Dopo la compilazione, il Client invia solo i dati inseriti al Server e riceve una risposta da visualizzare all'utente.
Form in inglese vuol dire modulo. Una pagina HTML può contenere una form, cioè un modulo, delimitato dai marcatori
.Interazione client-server
Il Client accede alla pagina come ad una qualsiasi pagina HTML, eseguendo una GET su di essa, e ignorando a priori se questa contiene o meno una form (freccia 1 nella figura). Quando riceve la pagina, però, (freccia 2) incontra i marcatori che lo informano che la pagina contiene un modulo, e che specificano:
che il Client, una volta sottoposto il modulo all'utente, deve "consegnarlo" al Server2 (specificato tramite l'attributo ACTION). Quasi sempre il Server2 coincide con il Server1, ma questo non è una regola.
che per rimandare i dati al Server opportuno il Client deve eseguire un POST o un GET (specificato tramite l'attributo METHOD).
Altri marcatori all'interno della form specificheranno che tipo di dati l'utente deve inserire nel modulo, come e dove.
Compilazione e invio del modulo
Una volta compilato il modulo, il Client rimanda i soli dati in esso inseriti al Server opportuno con il metodo opportuno (freccia 3), e riceve una risposta da mostrare all'utente (freccia 4).
Tra i sottoelementi possibili di un form abbiamo:
caselle di testo;
casella password;
selezione singola (radio button);
casella di spunta (checkbox);
menù a tendina:
combo box;
list box;
drop-down List;
aree di testo;
upload di file del file system;
pulsanti di invio e reset.
Domande da interrogazione
- Che cos'è una form in HTML e quali sono i suoi elementi principali?
- Come avviene l'interazione tra client e server durante l'invio di un modulo?
- Quali metodi può utilizzare il client per inviare i dati di un modulo al server?
Una form in HTML è un modulo delimitato dai marcatori <form> e </form>, che consente l'interazione tra il client e il server. Gli elementi principali includono caselle di testo, caselle password, radio button, checkbox, menù a tendina, aree di testo e pulsanti di invio e reset.
Il client accede alla pagina HTML e, una volta ricevuta, identifica la form. Dopo averla compilata, il client invia i dati al server specificato nell'attributo ACTION utilizzando il metodo indicato nell'attributo METHOD, ricevendo poi una risposta da mostrare all'utente.
Il client può utilizzare i metodi POST o GET per inviare i dati del modulo al server, come specificato nell'attributo METHOD della form.