We'll use the same web form as before, but we'll modify it to provide a hover over tooltip for users. This can be used to provide more explanation for a particular field. Although the example we're using is pretty straightforward, there are some web forms that have labels that could use a little tooltip help to clarify to the users what they need to enter.
First, we have to modify our HTML. We'll add
<span>
tags with the text (?), which when the user hovers over them, will display a relevant tooltip/information box beside our web form. We give each of these span tags a unique ID so that we can tell MooTools which help text to display. The tooltip/information box is a div with the ID offeedback
.<form action="" method="get"> <p><label for="Name">Name: <span class="help" id="hName">(?) </span></label><input name="Name" type="text" /></p> <p><label for="Email">Email: <span class...