how to mask a field like password in the input

  • tjovicich
    Asked on November 4, 2021 at 1:42 PM

    How do you setup a form with a private field that will not show value on the screen as user enters it. For example social security number, or a password? I do have HIPAA compliant forms set up.

  • Saeed Support Team Lead
    Replied on November 4, 2021 at 2:13 PM

    Hi there,

    Thank for contacting support!

    What you mentioned can be achieved by using CSS with Classic form. Below is an example script.

    #input_3 {

    text-security: disc;

    -webkit-text-security: disc;

    -moz-text-security: disc;

    }

    Just replace the #input_3 value with the field ID https://www.jotform.com/help/146-How-to-Find-Field-IDs-and-Names. 

    Another option is to download the form's source code https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form.

    You should be able to set the input type as password using form's source code.

    ex.

    <li>Password: <input type="password" name="psswd" size="30" maxlength="25"></li>

    For reference, please check this article.

    I hope that explains it. Please contact us again if we can help in any way.