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.
How can I display a verification code with * representing each digit (like a Pass Code)Asked by intranet.admin on May 06, 2014 at 03:52 PM
I would like the user to enter against a text box but not show what they are entering ie display an asterix instead of each digit.
Since we do not support password field, the following workaround will help but this only work on webkit based browsers like Chrome. Simply inject this CSS code to your form. How-to-Inject-Custom-CSS-Codes
Just change #input_3 with the field ID of the field you want to apply password mask.
If you want it to work in all browsers, you have to take your form source code and edit the input text type with password. E.g. <input type="password" instead of <input type="text"
Thank you so much, that works a treat!
On behalf of my colleague, you are welcome.
Do get back to us if you have any questions.
Do you know how to achieve this in IE9 using CSS?
Please create a new thread for new questions. In this case though, I will just go ahead and answer. The CSS listed above did work for me across each browser I tried including IE.
However, for text boxes, simply click on the "Input Mask" button when the field is selected: