Make all the entered data in text fields capitalized

How do I limit a text box field to be all in capital letters as they type? Is there some CSS code that can be injected? I'm not seeing a casing option in the field properties.

Hello Fezzari,

Thanks for reaching out to Jotform Support. You need to insert the following CSS code to your form so the entered text will be displayed in uppercase:

input#input_3 {

  text-transform: uppercase;

}

Please check the field ID of the form element and use it on your CSS code. See the image attached:

Here is my demo form.

Give it a try and let us know if you have any other questions.

Thank you for the code. How can this be done on a card layout? Card elements do not display the Field ID the same was as the classic layout.

Hello Fezzari,

I am afraid it is not possible to achieve your requirement in card forms. The design of card forms is very fixed as it is intended to be more of a straightforward, easy-to-use form, and it does not play well with CSS customization. If you wish to capitalize the entered text, we can change the form layout to the classic layout. Here is the guide.

Let us know if you would like to proceed to the Classic Form layout so we could further assist you with the CSS codes.

Once we hear back from you, we'll be able to help you with this.