I form in HTML ci servono per inviare dati di varia natura attraverso la compilazione di campi all’interno di una pagina internet. I più comuni sono quelli utilizzati per accedere ad aree riservate, iscriverci ad una community, fare acquisti in un ecommerce. Una volta inviati i dati, verranno processati sul lato server tramite ad esempio uno script in PHP.

Analizziamo la struttura di base per creare un form in HTML:

<form action="invia.php">
  Nome: <input type="text" name="nome">
  Cognome: <input type="text" name="cognome">
  <input type="submit" value="Invia">
</form>

Prendiamo in esame gli elementi una riga per volta:
– form action=”invia.php”: il form inizia con questo comando e si chiude in /form
– input type=”text” name=”nome”: visualizza nella pagina un campo di testo, il contenuto digitato sarà identificato con la variabile contenuta all’interno si name=”nome variabile”
– input type=”submit” value=”Invia”: visualizza nella pagina un bottone che permette l’invio dei dati, il contenuto del bottone è indicato in value=”Invia”
-> Cliccando sul bottone “Invia” tutti i dati saranno inviati a invia.php come specificato in form action=”invia.php”

Ecco cosa vedremo a video (il bottone “Invia” è disattivato perchè non abbiamo ancora creato il file invia.php sul nostro server)

Nome: Cognome: