Set the input to asterisks

  • accweb
    Asked on June 8, 2020 at 5:44 PM

    I set the input mask on the ss# and license# fields in this form: https://form.jotform.com/201555891372055

    but the numbers entered into each field still show when typing instead of this ****.

    How can I set the form to show only asterisks in this field "while typing" instead of the numbers that will be typed into the field?

  • Jovanne JotForm Support
    Replied on June 8, 2020 at 6:38 PM

    Hi, thank you for reaching out to us.

    This is possible by inserting this custom CSS code:

    #input_9{

      -webkit-text-security: disc;}


    However, this will only work for Chrome and some versions of Safari.


    Here is a guide on how to inject custom CSS codesHow-to-Inject-Custom-CSS-Codes

    Let me know if you need further assistance.

  • accweb
    Replied on June 9, 2020 at 10:22 AM

    I set a conditional logic, see below. Does that work at all? Or only on specific browsers as well?

    Is there an option that supports the most popular browsers like Firefox, Chrome, Safari and IE ?

    1591712387maskingScreenShot Screenshot 10

  • Jovanne JotForm Support
    Replied on June 9, 2020 at 11:20 AM

    Hi, thank you for your response.

    Please note that using an input mask only restricts users to match the format you specify. It will not convert the text into bullets or any other characters. To learn more about Input Mask, you can check this article:
    https://www.jotform.com/help/381-Getting-Started-with-the-Basics-of-Input-Masking


    Is there an option that supports the most popular browsers like Firefox, Chrome, Safari and IE ?

    For now, the text-security CSS property are only supported by Google Chrome and Safari.