Web Form Hint Text Using jQuery

Learn how to use hint text in your web forms using jQuery. You won't need field labels anymore which can clean up your forms and make them more streamlined ultimately getting you more conversions.

View the demo here: http://codecompendium.com/tutorials/demo/form-hint-text/index.html

Category:

Howto & Style

Tags:

• tutorial
• tips
• jQuery
• form
• hint
• text
• field
• prefilled
• dreamweaver
• educational

[TheWebtuts]

Nice jQuery tutorial as always

[wormracer08]

@TheWebtuts Thanks!

[MrShawnlloyd]

great stuff as usual !!

[wormracer08]

@MrShawnlloyd Thanks buddy, glad to see you back.

[chraindre]

got it: just need to add a css :focus element :)

[wormracer08]

@chraindre awesome!

[chraindre]

This is great! Thanks a lot!

Let say you switch the text field font color to grey and you want it to switch back to black when a user is typing in the field. It would be great if you could post some help about that. Thanks again!

[wormracer08]

@Linasslepikas no problem glad you liked it.

[Linasslepikas]

nice! Thanks.



[CristianEusebiu]

just use google chrome :)