jQuery FormHelp plugin sample

How does it work? Actually, if the help needs an explanation it's probably not intuitive enough for a user... But for you as a developer some background info might be in order.

There are 2 ways for the helpbox to show up. First, for text/number inputs like text/password/email etc. the box shows up when the focus event is triggered on the element. Second, for inputs like buttons and inputs whose values are changed when clicked, the helpbox shows up when the mouseover event is triggered on the element.

Input type=text	The username is other people's way of recognizing you around this website.
Input type=email	You can use html in these helpboxes. Here's a <hr>: And here's is a <ul>: One Two Three
Input type=date	Enter a date between the past and the future.
Input type=datetime	Enter a date and time between the past and the future.
Input type=datetime-local	Enter a local date and time between the past and the future.
Input type=file	Please, upload a valid file like some kind of image or PDF.
Input type=button	It's some button you don't have to click.
Input type=color	Pick your favorite color!
Input type=image	The image in this button isn't very imaginative but it gets the point across.
Input type=range	Pick a value in this range.
Input type=checkbox	By car By bike By boat You have multiple choices, please choose one or more.
Input type=reset	Reset the form, nobody likes this button by the way. It's always being clicked on wh
Input type=submit	OK, sign me up Did you enter the correct data?
Input type=radio	Yes No Tell us your gender so we can address you in polite manner.
Select options	Male Female Please make a choice.
Textarea	Please tell us what you think!
Input type=text and with class prefix	This box has another background color and no pushpin because of the class prefix