Use the following code to incorporate jQuery Tooltip into the form. Add a Custom HTML and add in the following code. Amend accordingly.
Code Block <script type="text/javascript"> $(function() { //customize your hints here by specifying form element ID on the left and message on the right
...
messages = { 'title' : '
...
Key in a suitable title', '
...
remark' : '
...
Extra
...
note
...
goes
...
here'}; //do not modify anything below here. $( document ).tooltip({ items: "input", content: function() { var element = $( this ); if( messages[$(element).attr("name")] ){ return messages[$(element).attr("name")]; }else{ return false; } } }); }); </script>
- The next time when someone hover over the field, the hint will show up.
Reference: http://api.jqueryui.com/tooltip/