Come impostare delle etichette nei campi form con effetto fade

 

Questo breve tutorial mostrerà come applicare delle etichette o valori di default a dei campi di moduli (form) che sfumeranno con effetto fade al click dell’utente. Guardate la demo per vedere il codice in azione.

Questo è il codice che imposterà delle etichette di base in dei campi di un modulo form, in questo esempio un campo denominato username ed uno password e che ne imposterà l’effetto fade relativo su di essi.
 
Il codice HTML

 
Il codice CSS

 
Il codice Javascript

Sia nella demo che nel file da scaricare troverete oltre all’effetto fade sopra esposto anche un effetto sliding alternativo da applicare eventualmente alle etichette dei campi form. Buon lavoro!

 
Demo Download Info | Sito Web | Autore

pixolo ads
Animal Comix
1926 | Articolo pubblicato 4 anni fa nella categoria jQuery - Javascript.
Puoi seguire tutti i nuovi articoli e gli aggiornamenti di Pixolo.it attraverso i Pixolo feeds feed RSS.
Puoi inoltre lasciare un commento, oppure fare un trackback dell'articolo dal tuo sito.
2
SHARES
Be Sociable,
share and enjoy!
Resta aggiornato!
Segui Pixolo anche su Facebook!
Don't show more - I am already fan
×
Salva il post su Facebook
What is a Facebook Save Button?

The save button lets you save the current page to your private list on Facebook for a future use or consultation.
info | close
×