Campos com a letra minúscula / How to make set characters as capital letters in form fields?

  • Profile Image
    Asked on June 01, 2015 at 12:39 PM

    Meus amigos

    Configurei o formulário conforme instruções de vocês, mas o campo e destaque não fica com a letra maiúscula.

    Por favor, o que fazer para ficar padrão ?



  • Profile Image
    Answered on June 01, 2015 at 01:34 PM

    Hello JCLAUDIO,

    I am sorry for the inconvenient this situation is causing you.

    In order to achieve this, please inject the CSS Code that follows:

    .form-textbox {
    text-transform: uppercase;

    .form-textarea {
    text-transform: uppercase;

    Please find inside this guide how to inject CSS Codes,

    If any other question please feel free to contact us.   

  • Profile Image
    Answered on June 01, 2015 at 02:29 PM


    Perfeito, ficou muito bom, obrigado.

    Mas quanto ao email, como fazer para ficar com letra maiúscula depois de digitado este campo, o mesmo campo informado, precisa fazer alguma outra configuração ?

    Obrigado pela atenção e fico no aguardo

    Jorge Claudio

  • Profile Image
    Answered on June 01, 2015 at 04:05 PM

    I am glad to hear that the CSS given by my colleague Aury above worked for you Jorge.

    The same would not be possible to apply to the emails, but it could work if you follow the steps here:

  • Profile Image
    Answered on June 01, 2015 at 04:31 PM

    I just did a quick test to make sure that something would work and would be relatively easy to implement - or at least easier than in the link above and since it did, I wanted to share it with you.

    So this is what we should do is add the same CSS as above to our emails, but we must do it inline just to make sure that it is working properly so this is what we do:

    1. You should go to the email template that you would like to edit
    2. click on the HTML button in the toolbar

    Now, we will get all sorts of things and while it might be difficult to find what you are after at first, you will soon see that it is actually a rather quick way to do this.

    To help us, you can use the find option in your browser (usually F3 or Ctrl+F) and you can search for the field values that you want to correct (set to capital letters), by searching for the field tags.

    When we find it we change it from just:

    {textbox} to

    <span style="text-transform: uppercase;">{textbox}</span>

    Doing so, we set it to always be in uppercase.

    3. When that is all set and done, we can click on Update and have us a bit of fun :)
    4. Click on Finish to close the email wizard and make sure that the changes are saved.

    The only note to make here would be that emails altered like this would not add the new fields into the template by themselves, nor would be removed, so you would need to do this by yourself every time you add and/or remove a field from your jotform in order for it to show or not show at all.

    That is it, just click on Preview and test your form.

  • Profile Image
    Answered on June 01, 2015 at 05:52 PM

    Hi Ben

    Can <span style="text-transform:capitalize;">{textbox}</span> be used to set all text with initial capitals, e.g. scott to Scott,  (for the users that can't use the SHIFT key)

    That was a question I asked sometime ago and sadly I was told it was not possible, I suppose your answer will be try it ! I will await your reply just in case that the above code is incorrect.

    Willy Scott


  • Profile Image
    Answered on June 01, 2015 at 07:08 PM

    Yes, that's also possible.
    You just need to make sure you're using the right tag and it should work too.

  • Profile Image
    Answered on November 16, 2016 at 08:25 PM

    can someone help me get this done on my forms? 




  • Profile Image
    Answered on November 16, 2016 at 11:21 PM


    I have moved your question to separate thread and we will provide you an answer there shortly.