10 Form

I form vengono utilizzati per raccogliere informazioni da utilizzare per vari scopi, ad esempio per inviare una richiesta di assistenza via e-mail, per effettuare l’iscrizione ad un sito, per inviare dati ad un database, ecc…

Per raccogliere dati i form utilizzano contenitori specifici che analizzeremo in dettaglio, mentre per elaborare i dati raccolti vengono utilizzati script in linguaggi diversi dall’HTML, come ad esempio il PHP e l’ASP.

Il tag principale è <form>…</form>, tag crea crea il form. Questo tag ha due attributi:

metod per definire la modalità di invio dei dati (può assumere due valori, get o post)

action per indicare il file a cui inviare i dati. Il file in questione contiene lo script che utilizza i dati del form per scopi specifici.

Dopo aver inserito i tag che creano il form ed i relativi attributi, dobbiamo inserire i tag che contengono i contenitori per i dati. Vediamo quali sono:

input type=”text” per inserire una casella di testo,

Esempio:
<input type="text" name="nome”

input type=”radio” per inserire un elenco di opzioni che consente la selezione di un singolo valore,

Esempio:
<input type="radio" name="sesso" value="M"> M<br>
<input type="radio" name="sesso" value="F"> F<br>

input type=” checkbox” per inserire un elenco di opzioni che consente la selezione di più valori,

Esempio:
<input type="checkbox" name="Sport" value="C"> Calcio<br>
<input type="checkbox" name="Sport" value="T"> Tennis<br>
<input type="checkbox" name="Sport" value="G"> Golf<br>
<input type="checkbox" name="Sport" value="P"> Pallavolo<br>

select per creare una casella di riepilogo che consente la selezione di un solo valore,

Esempio:
<select name="sesso">
<option value="sesso">Uomo</option>
<option value="sesso">Donna </option>
</select>

textarea per inserire una casella di testo che consente l’inserimento del testo su più righe. Si differenzia dalla semplice casella di testo per la sua maggiore capienza

Esempio:
<textarea name="messaggio" rows="4" cols="15"></textarea>

Dopo aver inserito tutti i valori nei campi del form sarà necessario premere un pulsante che invierà tutti i dati al file indicato nell’action.

<input type="submit" name="Invia" value="Invia il contenuto del form">