convert af:inputText to upperCase,lowerCase,capitalize

Sometimes you need to force the user to enter upperCase or lowerCase or capitalize letters for input text component.
fortunately, there is an easy way to do this by setting contentStyle of the input text.

To enforce the user to enter upperCase text use this style:
<af:inputText label="Label 1" id="it1" contentStyle="text-transform:uppercase;"/>

To enforce the user to enter lowerCase text use this style:
<af:inputText label="Label 1" id="it1" contentStyle="text-transform:lowerCase;"/>

To enforce the user to enter capitalize text use this style:
<af:inputText label="Label 1" id="it1" contentStyle="text-transform:capitalize;"/>