I form in HTML ci servono per inviare dati di varia natura attraverso la compilazione di campi all’interno di una pagina internet. Analizziamo l’istruzione input type=”email”

Analizziamo la struttura del seguente codice:

<form action="invia.php">
  <label for="email">Email</label>
  <input type="email" name="email">
  <br>
  <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
– label for=”email”: definisce l’etichetta del box ti testo successivo.
– input type=”email” name=”email”: visualizza nella pagina un campo di testo, il contenuto digitato sarà controllato direttamente dal browser per essere un’email valida.
– 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). Provate a digitare un testo a caso senza utilizzare la chioccila @, e la pagina HTML si accorgerà automaticamente che non si tratta di una vera email.