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 can I hide a field input?

    Asked by waxing1 on December 07, 2016 at 03:57 PM

    I want to hide an field input.  If someone puts a password in I want it to like like this ##### instead of 12345

  • Profile Image
    JotForm Support

    Answered by Boris on December 07, 2016 at 06:55 PM

    Please note that collecting passwords or login credentials of any kind is strictly forbidden by our terms of use, and any forms and accounts in violation will be suspended on sight. We have both automated tools and manual form reviewers who look through forms and suspend such forms.

    You can read more about our terms of use here:

    https://www.jotform.com/terms/

    Assuming that you only meant "passwords" as an example use-case, and you will not be trying use this information for actually collecting passwords of any kind, there are some ways to prevent people from seeing what your users are entering in a field.

    One such simple trick is to use custom CSS, and make the color of the text you are entering transparent, and font-size of it to zero. As the text you enter will be invisible, other people won't be able to tell what you were typing into that field.

    To do this, we first need to get the ID of your field that you wish to modify in this manner:

    https://www.jotform.com/help/146-How-to-find-Field-IDs-Names

    If we wanted to apply this on the Email field of your Depilar Order Form, the ID would be #input_5, and so the custom CSS we could use would be this:

    #input_5 { color: transparent; font-size: 0; }

    CSS codes can be injected into a form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    It would result in functionality as in the following screen recording, where the email being entered into that field is not visible:

    Please try it out, and let us know should you need any further assistance.