Esempio di balloonQuante volte vi è capitato di creare un form per qualche meccanismo di registrazione et simila?

Spesso e volentieri, come giusto che sia, i singoli campi testo devono rispettare alcuni criteri sintattici (e semantici): Ad esempio non contenere alcuni caratteri, essere più lunghi di un “tot”, non essere uguali al nome o cognome.. e cosi via..

Come illustrare il significato di ogni singolo field all’utente finale? Riempire la pagina di spiegazioni? Visualizzare un messaggo riepilogativo in caso di errori (i tanto odiati “alert“)?

Una via di mezzo, che personalmente trovo interessante, fa uso di CSS e Javascript.
In pratica viene visualizzato solo il form e durante l’utilizzo di un singolo campo compare un “balloon” informativo.

Qui potete trovare un file .zip da utilizzare: semplice ad effetto immediato.
Tanto per la cronaca, uno dei primi siti a fare uso di un meccanismo simile è VOX.

[html blog]