HtmlProgettazione Web

Forms

Utilizzato per raccogliere i dati dell’utente, si divide in due parti:

  • pagina che contiene i vari campi, consente all’utente di effettuare diverse scelte;

  • pagina che raccoglie i dati inseriti dall’utente, si trova sul server e può essere in cgi, asp, php, jps o altro;

<form name=”dati-utente” action=”registrazionedati.php”>

</form>

L’invio dei dati possono essere inviati in due modi:

  • GET, i dati vengono inviati assieme all’url;

  • POST, i dati vengono inviati in due step:

    • prima viene contattata la pagina di risposta sul server;

    • sucessivamente vengono inviati i dati;

I campi, se sono numerosi, si possono raggruppare tramite il tag fieldset e tramite legend dare un nome alle macro-aree.

Questi sono alcuni tag da usare dentro al form:

  • label, per inserire un’etichetta;

  • input, indica i campi dove l’utente può inserire i dati, ci possono essere diversi tipi:

    • text, testo;

    • password, mostra asterischi al posto dei caratteri;

    • submit, inviare i dati inseriti;

    • reset, azzerare il form;

    • button, bottone generico;

    • checkbox, consentiamo all’utente di operare delle scelte multiple;

    • radio, consente all’utente una scelta singola;

    • file, permette di selezionare un file da inviare;

Si possono realizzare dei menù con il tag select, ogni voce viene specificata all’interno del tag option e il valore tramite l’attributo value. Tramite l’attributo multiple possiamo fare una selezione multipla.

Se dobbiamo passare dei dati che l’utente non deve visualizzare usiamo l’attributo hidden nel tag input.