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

Analizziamo la struttura di base::

<form action="invia.php">
  <label for="peso">Peso in kg</label>
  <input type="number" name="peso" min="10" max="100" step="0.5" value="60.5">
  <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=”peso”: definisce l’etiochetta del campo “peso”, quello indicato nella riga successiva in name=”peso”
– input type=”number” name=”peso”: visualizza nella pagina un campo numerico, il contenuto digitato sarà identificato con la variabile contenuta all’interno di name=”nome variabile”
Vengono definiti dei limiti ammessi tra in valore min=”10″ e max=”100″, con un avanzamento di step=”0.5″, il valore di default è value=”60.5″
– 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)