Durante la vita quotidiana ci troviamo migliaia di volte in situazioni nelle quali è necessario inserire dati in un modello prestampato. In internet questi modelli, attraverso i quali è possibile inviare e scambiare dati, si chiamano form.
Le utilità di un form e le possibilità di trasferire dati di ogni tipo rendono questi moduli davvero utili, ma bisogna dir subito che il loro funzionamento non dipende soltanto dal codice HTML, ma necessitano di alcuni programmi o linguaggi di programmazione che devono risiedere sul server.
I tag all’interno dei quali si trova il form è:
<form> </form>
Questi tag segnano l’apertura e la chiusura del form, ma da soli non indicano niente, sono paragonabili ai tag <table> e </table> che senza l’indicazione dei tag relativi a colonne e celle non producono niente all’interno del browser.
Per inserire un campo di testo all’interno del form si deve inserire:
<input type=”text”>
dove mediante l’attributo type specifichiamo che si tratta di un campo di testo.
Con l’attributo name possiamo contrassegnare ogni elemento del form con un nome specifico rendendo molto più semplice l’individuazione dei singoli elementi. L’attributo valuecontiene un valore, in questo caso un testo preinpostato da mostrare all’interno del form come aiuto o suggerimento.
Oltre ai campi di testo è possibile impostare campi password, questi differiscono dai normali campi di testo per due caratteristiche: ogni carattere digitato viene sostituito da un asterisco, inoltre ricaricando la pagina il testo digitato, a differenza di quanto accade con i form di testo, non viene riproposto.
I Checkbox o caselle di controllo sono dei quadratini all’interno dei quali è possibile cliccare per far apparire, oppure per togliere, dei segni di spunta. Si ottengono attribuendo al campo Type il valore checkbox come nell’esempio
Autorizzo al trattamento dei dati personali <input type=”checkbox”>
produce
Autorizzo al trattamento dei dati personali
I pulsanti radio (radio button) sono dei bottoncini di forma circolare che mediante un click consentono una scelta. A differenza dei checkbox i radio button consentono un’unica scelta, non sarà quindi possibile selezionare più radio button.
Si creano attribuendo all’attributo Type il valore RADIO e attribuendo lo stesso nome ad un gruppo di pulsanti associati.
<strong>I Malavoglia </strong> <input type=”radio” name=Verga”> <br />
<strong>Mastro Don Gesualdo </strong> <input type=”radio” name=Verga”> <br />
<strong>Le Novelle </strong> <input type=”radio” name=Verga”> <br />
produce
I menu a tendina o combo box offrono all’utente un’unica possibilità di scelta a meno che non venga aggiunto l’attributo MULTIPLE.
<form>
< select name=ilpiubello multiple>
< option value=”Malavoglia”> I Malavoglia
< option value=”Mastro”> Mastro Don Gesualdo
< option value=”Novelle”> Le Novelle
</select>
</form>
producono l’effetto
