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=”color”.

Analizziamo la struttura di base::

<form action="invia.php">
  <label for="colore">Scegli un colore</label>
  <input type="color" name="colore">
  <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=”colore”: definisce l’etiochetta del campo “colore”, quello indicato nella riga successiva in name=”colore”
– input type=”color” name=”colore”: visualizza nella pagina un campo numerico, il contenuto digitato sarà identificato con la variabile contenuta all’interno di 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). Il dato sarà inviato in forma esadecimale del tipo colore=%2373db78 che scomposto %23=# quindi #73db78