Help Bubble (Hover Based Tooltip) – Visualforce

helpText : The help text that is displayed next to this field as a hover-based tooltip, similar to the text that is displayed next to standard Salesforce fields if custom help is defined for the field in Setup.

Important thing to have a help bubble near to any of form fields is to use helptext
within <apex:pageblocksectionitem>

<br<br /> /><apex:page tabstyle=”Account” standardcontroller=”Account”><br /> <apex:sectionheader title=”Validation Test Page”><br /> </apex:sectionHeader><apex:form> <apex:pageblock<br /> title=”” id=”pageBlock”> <apex:pageblockbuttons<br /> location=”top”> <apex:pageblocksection columns=”1″><br /> <apex:pageblocksectionitem helptext=”Enter Account Name”><br /> <apex:outputlabel value=”Name : “></apex:outputLabel><br /> <apex:inputfield value=”{!Account.Name}”><br /> </apex:pageblocksectionitem> <apex:pageblocksectionitem<br /> helptext=”Enter Description here”> <apex:outputlabel<br /> value=”Description : “></apex:outputLabel> <apex:inputfield<br /> value=”{!Account.Description}”> </apex:pageblocksectionitem><br /> </apex:pageblocksection> <apex:commandbutton value=”Save”<br /> action=”{!save}”></apex:commandButton></apex:pageBlockButtons></apex:pageBlock></apex:form></apex:page><br<br /> /><br />

Note : Few Closing Tags may be missing due to HTML Code Conversion.

Ack : Visualforce Blogspot