Concetti Chiave

  • Una form in HTML è un modulo delimitato dai marcatori
    e
    , 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

e
.

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

  1. Che cos'è una form in HTML e quali sono i suoi elementi principali?
  2. 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.

  3. Come avviene l'interazione tra client e server durante l'invio di un modulo?
  4. 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.

  5. Quali metodi può utilizzare il client per inviare i dati di un modulo al server?
  6. Il client può utilizzare i metodi POST o GET per inviare i dati del modulo al server, come specificato nell'attributo METHOD della form.

Domande e risposte

Hai bisogno di aiuto?
Chiedi alla community