Set the input to asterisks

  • Profile Image
    accweb
    Asked on June 08, 2020 at 05: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?

  • Profile Image
    Jovanne_A
    Answered on June 08, 2020 at 06: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.

  • Profile Image
    accweb
    Answered on June 09, 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.jpg

  • Profile Image
    Jovanne_A
    Answered on June 09, 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.