Page 92 - Guida tascabile HTML5

Capitolo 6

I form: moduli da compilare

I form accompagnano l’HTML fin dalle origini: grazie ai moduli da compilare,

gli utenti possono interagire con la pagina inserendo informazioni che potranno
essere inviate al server per essere elaborate da script creati ad-hoc. Durante la

normale navigazione incontriamo form integrati in moltissime pagine: pensate per
esempio ai campi di ricerca, ai moduli di registrazione, ai questionari e così via.

La specifica HTML5 ha introdotto nuovi elementi e attributi, arricchendo il

ventaglio di possibilità a disposizione degli sviluppatori e prevedendo soluzioni
semplici per casi d’uso comuni: prassi consolidate, derivate da esigenze diffuse,

sono state normate, aprendo la strada a un supporto condiviso da parte dei
principali browser.

In questo capitolo verranno descritte le dinamiche di funzionamento dei form,

integrando le novità HTML5 per fornire una panoramica utile sia al novizio sia a
chi, più esperto, intendesse sfruttare appieno le nuove possibilità messe a

disposizione.

ATTENZIONE Tenete presente che per elaborare i dati inseriti dagli utenti sarà
necessario predisporre un’adeguata infrastruttura lato server: eventuali script e
database dovranno lavorare in sinergia con il frontend per elaborare le informazioni.

Il tag <form>

Presto detto: i moduli compilabili dagli utenti sono racchiusi all’interno del tag

<form>. Questo marcatore è il contenitore che identifica le sezioni della pagina in

cui è previsto questo tipo di interazione dell’utente.

<form>
<!-- contenuto del modulo -->
</form>
Alcuni attributi permettono di definire il comportamento del form e alcune

preferenze.