I form sono moduli che permettono agli utenti di inserire e inviare dati. Sono utilizzati in moltissimi siti web, ad esempio per effettuare una prenotazione, iscriversi a una newsletter, eseguire una ricerca o accedere a un account. Per questo motivo rappresentano uno degli elementi più importanti di HTML.
Ogni modulo viene racchiuso all'interno del tag <form>. Al suo interno verranno poi inseriti tutti gli elementi con cui l'utente potrà interagire, come caselle di testo, pulsanti, menu a discesa e altri controlli che vedremo nelle prossime lezioni. Anche il tag <form> può avere diversi attributi, che approfondiremo nella lezione sugli attributi dei form.
<form>
<!-- Contenuto del form -->
</form>
<form>Uno degli attributi più importanti del tag <form> è action=”valore”, che indica cosa deve accadere quando l'utente invia il modulo. Per il momento utilizzeremo il caso più semplice: inserire l'indirizzo di una pagina web, interna o esterna al sito, verso la quale l'utente verrà reindirizzato dopo l'invio del modulo.
<form action="grazie.html">
</form>
Ad esempio, puoi utilizzare l'attributo action per reindirizzare l'utente a una pagina di ringraziamento dopo aver completato la compilazione del modulo.
Nelle prossime lezioni vedremo come inserire i diversi elementi all'interno del tag <form> e come utilizzare altri attributi. Per il momento osserviamo un semplice esempio composto da una casella di testo, creata con <input type=”text”>, e da un pulsante di invio, creato con <input type=”submit”>.
<form action="grazie.html">
<input type="text">
<input type="submit">
</form>
Nelle lezioni successive analizzeremo nel dettaglio il funzionamento di questi elementi e impareremo a utilizzare i numerosi tipi di <input> disponibili.