Many a times Visualforce page uses a number of outputLabels and selectLists to create the functionality below.

Red Bar

<apex:pageBlockSectionItem >
    <apex outputLabel value=”Category 1″ for=”cbxlevel1″/>
    <apex outputPanel styleClass=”requiredInput” layout=”block”>
    <apex outputPanel styleClass=”requiredBlock” layout=”block”/>

    <apex:selectList value=”{!selectedLevel1}” id=”cbxlevel1″ size=”1″ required=”true”>
        <apex:selectOptions value=”{!level1items}”/>
        <apex:actionSupport event=”onchange” rerender=”cbxlevel2″/>
    </apex:selectList>
    </apex outputPanel>

</apex:pageBlockSectionItem>

Setting the selectList’s required attribute makes the select’s value required but does not, by design, display the red bar next to the label. This is perfect is it does not lock developers into Salesforce.com’s look and feel. However, to actually display the required red bar, you have to add some extra code

Ack:- Jeff Douglas