How to convert inputText to upperCase, lowerCase, capitalize

This blog we will see how to change the input text to upper case, lower case and capitalize (First character should be Capital).

To enforce the user to enter upper Case text uses this style:

<af:inputText label="Label 1" id="it1" contentStyle="text-transform:uppercase;"/>

To enforce the user to enter lower Case text use this style: 

<af:inputText label="Label 1" id="it1" contentStyle="text-transform:lowercase;"/>

To enforce the user to enter capitalize (InitCap) text use this style:

<af:inputText label="Label 1" id="it1" contentStyle="text-transform:capitalize;"/>

Thanks...