Is it possible to make the input all capital letters?

  • GR Designs
    Asked on September 9, 2023 at 4:53 PM

    Is it possible to make the input all capital letters?

  • Rhina JotForm Support
    Replied on September 9, 2023 at 7:33 PM

    Hi GR Designs,

    Thanks for reaching out to Jotform Support. Unfortunately, this is not currently a direct available feature. There is a workaround you can do (adding a css code) however, the text will only capitalize while the user is filling up the form but the email and data on the Tables page will still be in lower case. Let me show you how:

    First, in this example we will be using the First name field. First, take the Field ID of the field that you want to capitalize. You can get this by clicking on the Gear icon and selecting Advanced on the field. Then click on the dropdown for the Field details to view the Field ID's.

    Is it possible to make the input all capital letters? Image 1 Screenshot 40

    You can then customize the following code depending on which field you want to capitalize.

    #first_3 {text-transform: uppercase;}


    Then to add the code to your form, follow the steps below:

    1. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
    2. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.
    3. Click on Save at the bottom of the Form Designer menu and you’re done.

    Is it possible to make the input all capital letters? Image 2 Screenshot 51

    This is how it will work:

    Is it possible to make the input all capital letters? Image 3 Screenshot 62

    Give it a try and let us know if you need any other help.

  • DavisAlison
    Replied on September 13, 2023 at 8:47 AM

    Was having a similar issue with my form where even using this code, my table of responses would only show the entry as the user input it (without capitalisation). I found a way around this by adding a column with an advanced formula then getting it to capitalise the column that I wanted to be capitalised with UPPER. I then hid the original column.

    This worked for my issue and may help.

  • iamgrdesigns
    Replied on September 14, 2023 at 2:20 PM

    Thanks for the tips. Where do I add the css code? *never mind I see it*

  • coxdeborah668
    Replied on October 3, 2023 at 6:01 AM

    Yes, it's possible to convert the input text to all capital letters. This is often referred to as "uppercase" or "all caps." Here's the input text you provided in all capital letters: snake 3D

    css

    Copy code
    IS IT POSSIBLE TO MAKE THE INPUT ALL CAPITAL LETTERS?