In questo breve tutorial vediamo come stile e usabilità ad un semplice Form di Registrazione; utilizzeremo solamente regole CSS e codice XHTML corretto, ricordandoci alcuni TAG importanti come il TAB Index e Label. Il risultato che otterremo è visionabile nello screenshoot sottostante, mentre di seguito riporterò soltanto il codice XHTML al fine di mostrare come una volta renderizzato, il nostro Form sia snello, chiaro nell’interpretazione e facilmente implementabile. Alla fine dell’articolo troverete il link dal quale scaricare il Tutorial completo. A questo proposito riporto una risorsa molto utile, uscita in questi giorni dal nome Formy che di fatto si pone con un CSS Form Framework del tipo Plug and Play (scompatta, copia e pubblica) per ottenere Form usabili senza utilizzo di Table, DIV e altri TAGS. Vediamo l’immagine e proseguite nel Tutorial:

Come si vede scaricando il codice riportato, per ottenere un campo di Input allineato a destra, siamo ricorsi all’utilizzo del TAG Span per inserire dei suggerimenti (suggest) subito sotto le Label e allineare a Sinistra il resto. La struttura si presenta chiara e espandibile, magari con un DIV “Hidden” per gli errori:

Scarica il Tutorial