What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How to force case of letters in some fields (some UPPERCASE and some Capital)?

    Asked by Baraga on June 23, 2015 at 03:52 PM

    How can I force the submissions in some boxes to be ALL UPPERCASE, for ex. "SMALL" and some boxes to be "Proper," for ex. "Small"?

  • Profile Image

    Answered by Ben on June 23, 2015 at 05:03 PM

    You can use CSS like the following:

    text-transform: capitalize;

    It will force the letters to be capitalized (first letter in uppercase and the rest in small letters) and you could do the similar thing for the uppercase, by changing the CSS to:

    text-transform: uppercase;

    There is however one thing to note when doing this.

    CSS will only help you change the appearance of your form, it will not cause the data to save the entered text in the capital or upper case.

    So while the data would be shown correctly, it would still be saved as it was entered.

    If you are looking to have it save the data in such manner as well, you would need to apply such actions to the form yourself or by hiring a developer that could do it for you. You could do that by downloading the forms full source code: How to get the Full Source Code of your Form and applying the extra js code that would do that for you.

    If you are OK with it just shown properly and if you would only need to have the data shown properly in the email, that can be resolved with the help of CSS so just let us know and we would be happy to assist you with that.