lunedì 8 agosto 2011

Utilizzare le label come valore del campo di testo in un form con jQuery

Spesso disegnando un sito capita di avere uno spazio ridotto per mettere e visualizzare tutti gli elementi di un form.
La soluzione più ovvia è quella di eliminare le labels e mettere solo i campi di testo, ma poi gli utenti come capiranno cosa va inserito in quel campo?

Una soluzione sarebbe utilizzare l'attributo "value" come spiegazione, ad esempio scrivendo qualcosa come "Inserisci qui la tua email". Ma non si tratta di una soluzione ottimale dal punto di vista dei web standard.

CSS Globe quindi ci dà una grossa mano con questo tutorial Using Form Labels As Text Field Values, in cui ci spiega come, utilizzando alcune semplici istruzioni in jQuery, sia possibile nascondere le labels e visualizzarne il contenuto come valore predefinito del campo di testo.
Come si vedrà dai commenti, lo script offre spunti per miglioramenti e maggiori funzionalità, ma è comunque un buon punto di partenza per la soluzione del problema.

Nessun commento:

Posta un commento