How can I hide a field input?

  • waxing1
    Asked on December 7, 2016 at 3: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

  • Boris
    Replied on December 7, 2016 at 6: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:

    How can I hide a field input? Image 1 Screenshot 20

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