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

Analizziamo la struttura di base::

<form action="invia.php">
  <label for="timepicker">Ore - Minuti</label>
  <input type="time" name="timepicker" value="09:00" min="14:00" max="24:00" step="60">
  <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=”timepicker”: definisce l’etichetta del campo “timepicker”, quello indicato nella riga successiva in name=”timepicker”
– input type=”time” name=”timepicker”: visualizza nella pagina un campo orario, il contenuto digitato sarà identificato con la variabile contenuta all’interno di name=”nome variabile”
Vengono definiti dei limiti ammessi tra in valore min=14:00″ e max=”24:00″, con un avanzamento di step=”60″(60 unità alla volta), il valore di default è value=”09:00″
– 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)