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

    Make text inside the textbox uppercase

    Asked by stpks on August 30, 2015 at 03:28 AM

    We use a form for personalized embroidery orders.

    Is it possible to force capital letters in a text box?

    force capital text uppercase text capital text box
  • Profile Image
    JotForm Support

    Answered by Jan on August 30, 2015 at 11:33 AM

    If you are planning to make the text uppercase in the all text boxes in your form then you can use this custom CSS code.

    .form-textbox, .form-textarea {
        text-transform: uppercase !important;
    }

    But if you're planning to apply it on 1 textbox only, then here's a guide.

    1. Select the field and then click the gear or options icon. Choose "Show Properties".

    2. Get or copy the field ID (#input_1).

    3. Inject this custom CSS code targeting the field ID.

    #input_1 {
    text-transform: uppercase !important;
    }

     

    Here's a guide on how to insert custom CSS on your form.

    Hope that helps. Thank you.